/*
 Theme Name: Varnick
 Theme URI:
 Author:
 Author
 Description: Varnick
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Citrus
 Text Domain: Varnick

 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
 */

/**
 *  Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    max-width: 100%;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

img {
    max-width: 100%;
}

:visited, :target, input:focus, input:active, textarea:focus, textarea:active, a:focus, a:active {
    outline: 0 none !important;
}

/*---------------------- Icons ------------------------------*/

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?1jnug7');
    src: url('fonts/icomoon.eot?1jnug7#iefix') format('embedded-opentype'),
         url('fonts/icomoon.ttf?1jnug7') format('truetype'),
         url('fonts/icomoon.woff?1jnug7') format('woff'),
         url('fonts/icomoon.svg?1jnug7#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="ico-"], [class*=" ico-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico-icon:before {
    content: "\e900";
}
.ico-icon1:before {
    content: "\e901";
}
.ico-icon2:before {
    content: "\e902";
}
.ico-icon3:before {
    content: "\e903";
}
.ico-icon4:before {
    content: "\e904";
}
.ico-icon5:before {
    content: "\e905";
}
.ico-icon6:before {
    content: "\e906";
}
.ico-icon72:before {
    content: "\e907";
}
.ico-icon82:before {
    content: "\e908";
}
.ico-icon9:before {
    content: "\e909";
}
.ico-icon10:before {
    content: "\e90a";
}
.ico-icon11:before {
    content: "\e90b";
}
.ico-icon12:before {
    content: "\e90c";
}
.ico-icon13:before {
    content: "\e90d";
}
.ico-icon14:before {
    content: "\e90e";
}
.ico-icon18:before {
    content: "\e911";
}
.ico-icon7:before {
    content: "\e806";
}
.ico-icon8:before {
    content: "\e807";
}
.ico-icon22:before {
    content: "\e813";
}
.ico-icon23:before {
    content: "\e814";
}
.ico-icon24:before {
    content: "\e815";
}
.ico-icon25:before {
    content: "\e816";
}
.ico-home3:before {
    content: "\e90f";
}

/*---------------------- Icons ------------------------------*/


/*---------------------- Font face --------------------------*/

@font-face {
	font-family: 'Conv_ufonts.com_gillsans';
	src: url('fonts/ufonts.com_gillsans.eot');
	src: url('fonts/ufonts.com_gillsans.woff') format('woff'), 
		 url('fonts/ufonts.com_gillsans.ttf') format('truetype'), 
		 url('fonts/ufonts.com_gillsans.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_ufonts.com_gillsans-light';
	src: url('fonts/ufonts.com_gillsans-light.eot');
	src: url('fonts/ufonts.com_gillsans-light.woff') format('woff'), 
		 url('fonts/ufonts.com_gillsans-light.ttf') format('truetype'), 
		 url('fonts/ufonts.com_gillsans-light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_GillSans-SemiBold';
	src: url('fonts/GillSans-SemiBold.eot');
	src: url('fonts/GillSans-SemiBold.woff') format('woff'), 
		 url('fonts/GillSans-SemiBold.ttf') format('truetype'), 
		 url('fonts/GillSans-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_ufonts.com_gillsans-bold';
	src: url('fonts/ufonts.com_gillsans-bold.eot');
	src: url('fonts/ufonts.com_gillsans-bold.woff') format('woff'), 
		 url('fonts/ufonts.com_gillsans-bold.ttf') format('truetype'), 
		 url('fonts/ufonts.com_gillsans-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MinionPro-Regular';
	src: url('fonts/MinionPro-Regular.eot');
	src: url('fonts/MinionPro-Regular.woff') format('woff'), 
		 url('fonts/MinionPro-Regular.ttf') format('truetype'), 
		 url('fonts/MinionPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
	
				
body {
    font-family: 'Conv_GillSans-SemiBold';
    font-size: 24px;
    line-height: 32px;
    color: #333d47;
    background: #ffffff;
}


/*------------------------ Typography ------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;

}

h1 {
    font-family: 'Conv_ufonts.com_gillsans';
    font-size: 46px;
    line-height: 48px;
    color: #ee3123;
    padding: 0 0 15px;
}

h2 {
    font-family: 'Conv_ufonts.com_gillsans';
    font-size: 44px;
    line-height: 46px;
    color: #ee3123;
    padding: 0 0 10px;
    margin: 0 0 9px;
	position: relative;
}

h2:before {
   position: absolute;
   left: 0;
   width: 78px;
   content: "";
   height: 1px;
   background: #333d47;
   bottom: 0;
}

h3 {
    font-family: 'Conv_ufonts.com_gillsans';
    font-size: 36px;
    line-height: 38px;
    color: #333d47;
    padding: 0 0 10px;
}

h4 {
    font-family: 'Conv_ufonts.com_gillsans';
    font-size: 30px;
    line-height: 32px;
    color: #333d47;
    padding: 0 0 10px;
}

h5 {
    font-family: 'Conv_ufonts.com_gillsans';
    font-size: 28px;
    line-height: 30px;
    color: #333d47;
    padding: 0 0 10px;
}

h6 {
    font-family: 'Conv_ufonts.com_gillsans';
    font-size: 25px;
    line-height: 27px;
    color: #333d47;
    padding: 0 0 10px;
}

p {
	font-family: 'Conv_GillSans-SemiBold';
    font-size: 25px;
    line-height: 32px;
    color: #333d47;
    padding: 0 0 25px;
}

img, a img, img:hover, a img:hover {
    padding: 0px;
    border: none 0;
    outline: 0px none !important;
}


/**
 * Text Elements
 * ----------------------------------------------------------------------------
 */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

address {
    font-style: italic;
    margin-bottom: 24px;
}

abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help;
}

b, strong {
    font-family: 'Conv_GillSans-SemiBold';
    font-size: 28px;
    color: #333d47;
}

cite {
    border: 0;
}

cite, dfn, em, i {
    font-style: italic;
}

mark, ins {
    background: #fff9c0;
    border: 0;
    color: inherit;
    text-decoration: none;
}

code, kbd, tt, var, samp, pre {
    font-family: 'Conv_ufonts.com_gillsans';
    font-size: 15px;
    line-height: 1.6;
}

pre {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

ol, ul {
    list-style: none;
    font-family: 'Conv_ufonts.com_gillsans';
}

blockquote, q {
    quotes: none;
}

blockquote{
    position: relative;
    margin-bottom: 0;
    font-family: 'Conv_ufonts.com_gillsans';
    font-style: italic; 
    line-height: 26px;
}

blockquote:before { 
    background-repeat: no-repeat;
    position: absolute;
    width: 38px;
    height: 33px;
    left:4px;
    top: 7px;    
}

blockquote:after {
    background-repeat: no-repeat;
    position: absolute;
    width: 38px;
    height: 33px;
    right: 90px; 
    bottom: 78px;    
}

blockquote cite {
    display: block;
    margin-top: 74px;   
    text-align: right;
    font-family: 'Conv_ufonts.com_gillsans';
    font-style: normal;
}

blockquote cite:before {
    content: "";
}

blockquote p {
    margin-bottom: 0;
}

/* remember to define focus styles! */

blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}

blockquote strong, blockquote b {
    font-weight: 300;
}

small {
    font-size: smaller;
}

big {
    font-size: 125%;
}

sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

dl {
    margin: 0 0 24px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 24px;
}

ul, ol {
    list-style: none;
    margin: 0 0 25px;
    padding-left: 0;
}

ul {
    list-style: disc;
    margin: 0 0 25px 6px;
}

ul li{
	font-size: 22px;
    line-height: 27px;
	list-style: disc;
    margin: 0 0 0 16px;
    padding: 0 0 6px;
    font-family: 'Conv_ufonts.com_gillsans';
    font-size: 26px;
    color: #333d47;
    letter-spacing: 1.5px;
    word-spacing: -2px;
}

ol {
    list-style: decimal;
    margin-left: 0;
}

ol li{
	font-size: 22px;
    line-height: 27px;
    list-style: decimal;
	margin: 0 0 0 24px;
	padding: 0 0 0 2px;
}

li > ul, li > ol {
    margin: 0 0 0 20px;
}

del {
    color: #767676;
}

hr {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0;
    height: 1px;
    margin-bottom: 23px;
}

/**
 *  Links
 * ----------------------------------------------------------------------------
 */

a {
    font-family: 'Conv_ufonts.com_gillsans';
    font-size: 16px;
    line-height: 18px;
    color: #ee3123;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

a, a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: 0px none !important;
}

a:hover, a:focus {
	color: #333d47;
	text-decoration: none;
}

/**
 * Alignment
 * ----------------------------------------------------------------------------
 */

.alignleft {
    float: left;
    margin: 7px 12px 7px 0;
}

.alignright {
    float: right;
    margin: 7px 0 7px 12px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 7px auto;
}

blockquote.alignleft, blockquote.alignright {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 17px;
    width: 50%;
}

blockquote.alignleft p, blockquote.alignright p {
    margin-bottom: 17px;
}

button, input, select, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button, input {
    line-height: normal;
}

input, textarea {
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
    background-color: #f7f7f7;
}

input:focus, textarea:focus{
    background-color: #ffffff;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], input[disabled] {
    cursor: default;
}

input[type="checkbox"], input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table, th, td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: bold;
}

td {
    border-width: 0 1px 1px 0;
}

del {
    color: #767676;
}

hr {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0;
    height: 1px;
    margin-bottom: 23px;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
    background: #9fa1a4;
    color: #000000;
    text-shadow: none;
}

::-moz-selection {
    background: #9fa1a4;
    color: #000000;
    text-shadow: none;
}

/**
 *  Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */
/*------------------------ Buttons & Fields ------------------------*/


input, textarea {
    width: 100%;
    line-height: 50px;
    float: left;
	background: #fff;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    font-family: 'Conv_ufonts.com_gillsans';
    font-size: 20px;
    color:#333d47;
    height: 50px; 
    padding: 0 15px;
    margin: 0; 
    border: none;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 24px;
    padding: 10px 15px;
    resize: none;
}

input:focus, textarea:focus {
    border:none;
    outline: 0;
}

/* Buttons */

button, input[type="button"], input[type="reset"], input[type="submit"] {
	width: auto;
	font-family: 'Conv_ufonts.com_gillsans-light';
    font-size: 22px;
    color: #ffffff;
    line-height: 24px;	
  	padding:18px 44px;
    background: #ee3123;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    margin: 0; 
    border: none;
    -webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #ffffff;
    color: #ee3123;
}

button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    background: #ee3123;
}
button, input, select, textarea {
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
button, input {
    line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}

.search-field {
    width: 100%;
}

.search-submit {
    display: none;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: #333d47;
    opacity: 1;
}

:-moz-placeholder {
    color: #333d47;
    opacity: 1;
}

::-moz-placeholder {
    color: #333d47;
    opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #333d47;
    opacity: 1;
}

/*----------------custom styles------------*/


/*--- header starts ---*/
.header-container{
	width: 100%;
	float: left;
	background: #ffffff;
	padding: 29px 0 10px; 
	position: fixed; 
	z-index: 1000;
	-webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

.fixed.header-container{
    padding: 10px 0;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(35, 31, 32, 0.21);
  	-moz-box-shadow: 0px 3px 15px 0px rgba(35, 31, 32, 0.21);
  	box-shadow: 0px 3px 15px 0px rgba(35, 31, 32, 0.21);
}

.fixed .logo{ 
    width: 12%;
}

.fixed .main-menu{  
	width: 88%;
    padding: 7px 0 0;
}

.fixed .main-menu ul li{
    margin: 0 0 0 20px;
}

.fixed .main-menu ul li a{ 
    font-size: 16px;
}

.wrapper {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    padding: 0 15px;
}

.header{
	width: 100%;
	float: left;
}

.logo{
	width: 24%;
	float: left;
	-webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

.logo a img{
	float: left;
}

.main-menu{
	width: 76%;
	float: left;
	padding: 38px 0 0;
	-webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

.main-menu ul{
	width: auto;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-menu ul li{
	width: auto;
	float: left;
	list-style: none;
	margin: 0 0 0 42px;
	padding: 0;
	-webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

.main-menu ul li a{
	width: 100%;
	float: left;
	font-family: 'Conv_GillSans-SemiBold';
	font-size: 19px; 
	color: #ee3123;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

.main-menu ul li:hover a{
	color: #333d47;
}

.display-mobile{
	width: auto;
	font-family: 'Conv_ufonts.com_gillsans';
	font-size: 18px; 
	color: #333d47;
	display: none;
	position: absolute;
	left: 10px;
	top: 4px;
}
/*--- header ends ---*/



/*--- content starts ---*/
.content-container{
	width: 100%;
	float: left;
	margin: 105px 0 0;
}

.banner-container{
	width: 100%;
	max-height: 670px;
	overflow: hidden;
	float: left;
	position: relative;
    background: #ffffff;
}

.banner-container:before,
.banner-container:after{
    width: 100%;
    background-color: inherit;
    bottom: 0;
    content: "";
    padding-bottom: 20px;
    position: absolute;
    z-index: 100;
}

.banner-container:after{
    left: 50%;
    transform: skewX(-45deg);
    transform-origin: 0 100% 0;
}

.banner-container:before{
    right: 50%;
    transform: skewX(45deg);
    transform-origin: 100% 100% 0;
}

.banner-overlay{
	width: 100%;
	float: left;
	position: relative;
}

.banner-overlay:before{
	width: 100%;
	height: 100%;
	float: left;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
	z-index: 10;
}

.banner-overlay img{
    width: 100%;
    float: left;
}

.banner-inner{
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	top: 48%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 20;
}

.banner-content{
	width: 100%;
	float: left;
	text-align: center;
}

.banner-content h3{
	width: 100%;
	float: left;
	text-align: center;
	font-family: 'Conv_ufonts.com_gillsans-bold';
	font-size: 96px;
	line-height: 90px;
	font-weight: normal;
	color: #ff0000;
	text-transform: uppercase;
	padding: 0 0 7px;
}

.banner-content h5{
	width: 100%;
	float: left;
	text-align: center;
	font-family: 'Conv_ufonts.com_gillsans';
    font-size: 60px;
    line-height: 60px;
    color: #ffffff;
    padding: 0 0 42px;
    text-transform: none;
}

.banner-content p{
	padding: 0;
}

.banner-content a.link-btn{
	float: none;
	display: inline-block;
}

a.link-btn{
	min-width: 265px;
    font-family: 'Conv_ufonts.com_gillsans';
	font-size: 20px;
    line-height: 22px;
    color: #fff;
    float: right;
    padding: 11px 40px 11px 18px;
    background: #ee3123;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    text-align: center;
}

a.link-btn:hover{
    color: #ee3123;
    background: #fff;
}

.link-btn i{
    width: 28px;
    height: 28px;
    line-height: 27px;
    float: right;
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ee3123;
    text-align: center;
    font-size: 16px;
    margin-top: -2px;
    padding-left: 2px;
    -webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

a.link-btn:hover i{
	background: #ee3123;
    color: #ffffff;
}

.platform-container{
   width: 100%;
   float: left;
   background: #ffffff;
   position: relative;
   z-index: 100;
   padding: 95px 0 44px;
}

.platform-inner{
	width: 100%;
	float: left;
}

.platform-header{
	width: 100%;
	float: left;
}

.platform-content{
	width: 100%;
	float: left;
}

.platform-content p{
	padding: 10px 0 0;
	font-size: 26px;
}

.platform-content ul{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 50px 9px;
}

.platform-content ul li{
	width: auto;
	float: left;
	list-style: none;
	margin: 0 0 0 -34px;
	padding: 0;
}

.platform-content ul li:first-child{
	margin-left: 0;
}

.platform-content ul li:nth-child(2n){
	margin: 125px 0 0 -34px;
}

.platform-content ul li:nth-child(2) .feature-image{
	-moz-transform: rotate(14deg);
	-webkit-transform: rotate(14deg);
	-o-transform: rotate(14deg);
	-ms-transform: rotate(14deg);
	transform: rotate(14deg);
}

.platform-content ul li:nth-child(3) .feature-image{
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.platform-content ul li:nth-child(4) .feature-image{
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

.platform-content ul li:nth-child(5) .feature-image{
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

.platform-content ul li:nth-child(6) .feature-image{
	-moz-transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

.feature-list{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}

.feature-image{
	width: 207px;
	height: 207px;
	float: left;
	background: url(images/settings-bg.png) left top no-repeat;
}

.feature-list i{
	font-size: 83px;
	color: #d82d27;
	position: absolute;
	top: 50%;
	left: 50%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.feature-list i.ico-icon6{
	font-size: 93px;
}

.feature-list i.ico-icon4{
	font-size: 73px;
}

.feature-list i.ico-icon3{
	font-size: 87px;
}

.feature-list i.ico-icon2{
	font-size: 92px;
}

.feature-list i.ico-icon1{
	font-size: 104px;
}

.element-animation1{
	animation: animationFrames1 linear 20s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards; /*when the spec is finished*/
	-webkit-animation: animationFrames1 linear 20s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
	-moz-animation: animationFrames1 linear 20s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: animationFrames1 linear 20s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-ms-animation: animationFrames1 linear 20s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames1{
	0%{
	    transform: rotate(0deg);
	}
	100%{
	    transform: rotate(360deg);
	}
}

@-moz-keyframes animationFrames1{
	0%{
	    -moz-transform: rotate(0deg);
	}
	100%{
	    -moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes animationFrames1{
	0%{
	    -webkit-transform: rotate(0deg);
	 }
	100%{
	    -webkit-transform: rotate(360deg);
	}
}

@-o-keyframes animationFrames1{
	0%{
	    -o-transform: rotate(0deg);
	}
	100%{
	    -o-transform: rotate(360deg);
	}
}

@-ms-keyframes animationFrames1{
	0%{
	    -ms-transform: rotate(0deg);
	}
	100%{
		-ms-transform: rotate(360deg);
	}
}

.element-animation2{
	animation: animationFrames2 linear 20s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards; /*when the spec is finished*/
	-webkit-animation: animationFrames2 linear 20s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
	-moz-animation: animationFrames2 linear 20s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: animationFrames2 linear 20s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-ms-animation: animationFrames2 linear 20s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames2{
	0%{
	    transform:  rotate(0deg);
	}
	100%{
		transform:  rotate(-360deg);
	}
}

@-moz-keyframes animationFrames2{
	0%{
		-moz-transform: rotate(0deg);
	}
	100%{
	   	-moz-transform: rotate(-360deg);
	}
}

@-webkit-keyframes animationFrames2{
	0%{
	   	-webkit-transform: rotate(0deg);
	}
	100%{
	   	-webkit-transform: rotate(-360deg);
	}
}

@-o-keyframes animationFrames2{
	0%{
	   	-o-transform: rotate(0deg);
	}
	100%{
	   	-o-transform: rotate(-360deg);
	}
}

@-ms-keyframes animationFrames2{
	0%{
	   	-ms-transform: rotate(0deg);
	}
	100%{
	   	-ms-transform: rotate(-360deg);
	}
}

.feature-title{
    width: 115px;
    font-family: "Conv_ufonts.com_gillsans";
    font-size: 12px;
    line-height: 14px;
    color: #ee3123;
    position: absolute;
    left: 50%;
    top: 108px;
    text-align: center;
    text-transform: uppercase;
	display: none;
	-webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.platform-content ul li:hover .feature-list i{
    font-size: 45px;
    top: 38%;
}

.platform-content ul li:hover .feature-list span{
    display: block;
}

.platform-content ul li:hover .feature-list i.ico-icon6{
    font-size: 55px;
    top: 42%;
}

.platform-content ul li:hover .feature-list span.icon6{
    top: 115px;
}

.platform-content ul li:hover .feature-list i.ico-icon2,
.platform-content ul li:hover .feature-list i.ico-icon3,
.platform-content ul li:hover .feature-list i.ico-icon4{
    font-size: 50px;
    top: 42%;
}

.platform-content ul li:hover .feature-list span.icon2,
.platform-content ul li:hover .feature-list span.icon3,
.platform-content ul li:hover .feature-list span.icon4{
	top: 122px;
}

.platform-content ul li:hover .feature-list i.ico-icon1{
    font-size: 65px;
    top: 43%;
}

.platform-content ul li:hover .feature-list span.icon1{
	top: 120px;
}

.specification-container{
	width: 100%;
	float: left;
	max-height: 670px;
    overflow: hidden;
    position: relative;
    background: #333d47;
}

.specification-container:before,
.specification-container:after{
    background-color: inherit;
    bottom: 0px;
    content: "";
    padding-bottom: 20px;
    position: absolute;
    width: 100%;
     z-index: 100;
}

.specification-container:after{
    left:50%;
    transform: skewX(-45deg);
    transform-origin: 0 100% 0;
}

.specification-container:before{
    right: 50%;
    transform: skewX(45deg);
    transform-origin: 100% 100% 0;
}

.specification-container .banner-content{
	text-align: left;
}

.specification-container .banner-content h2{
    margin: 0 0 13px;
}

.specification-container .banner-content h2:before{
	background: #ffffff;
}

.specification-container ul{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    margin-bottom: 0;
}

.specification-container ul li{
	color: #ffffff;
}

.property-container{
    width: 100%;
    float: left;
    position: relative;
    background: #eaebec;
    overflow: hidden;    
    z-index: 99;
    max-height: 672px;
}

.property-container:before,
.property-container:after{
    width: 100%;
    background-color: inherit;
    bottom: 0px;
    content: "";
    padding-bottom: 20px;
    position: absolute;
    z-index: 10;
}

.property-container:after{
    left:50%;
    transform: skewX(-45deg);
    transform-origin: 0 100% 0;
}

.property-container:before{
    right: 50%;
    transform: skewX(45deg);
    transform-origin: 100% 100% 0;
}

.property-container img{
    width: 100%;
    float: left;
}

.property-inner{
    width: 100%;
    float: left;
    left: 0;
    position: absolute;
    top: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.heading-block{
    width: 100%;
    float: left;
}

.heading-block h2{
    width: 100%;
    float: left;
}

.property-links{
    width: 100%;
    float: left;
    margin-top: 22px;
}

.property-links ul{
    width: 100.4%;
    float: left;
    margin: 0 0 0 -0.4%;
}

.property-links ul li{
    width: 24.6%;  
    height: 94px;
    float: left;
    display: table;
    list-style: outside none none;
    margin: 0 0 4px 0.4%;
    padding: 0;
}

.property-links ul li a{
    width: 100%;
    height: 100%;
    float: none;
    display: table-cell;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    vertical-align: middle;
    background: #ee3123;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: 'Conv_ufonts.com_gillsans';
    padding:0 30px;
}

.property-links ul li a:hover{
    background: #fff;
    color: #ee3123;
}

.detail_contact{
    width: 100%;
    float: left;
    margin-top: 18px;
}

.detail_contact a.link-btn{
    background: none;
    border: 1px solid #fff;
    padding: 10px 23px 10px 17px;  
    text-align: left;
}

.detail_contact a.link-btn:hover{
	background: #ffffff;
}

.work-container{
    width: 100%; 
    float: left;
    background: #eaebec;
    position: relative;
    padding: 120px 0;
}

.work-container:after{
    z-index: 1000;
    border-color: #eaebec transparent transparent transparent;
    border-style: solid;
    border-width: 20px 20px 0;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    width: 0;
}

.work-container .heading-block h2{ 
	margin-bottom: 22px;
}

.work-list{
    width: 100%;
    float: left;
    margin-top: 30px;
}

.work-list ul{
    width: 100%;
    float: left; 
    margin: 0;
}

.work-list ul li{
    width: 33.33%;
    float: left;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

.work-list ul li span{
    width: 100%; 
    float: left;
    color: #333d47;
    font-family: 'Conv_ufonts.com_gillsans';
    font-size: 22px;
    margin-top: 20px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.work-list ul li a{
	width: 146px;
    display: inline-block;
    float: none;
}

.work-list ul li a:hover span{
	color: #ee3123;
}

.single-block{
    width: 146px;
    height: 146px;
    text-align: center;
    background: #f1f2f2;
    -webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;  
	display: inline-block;
    float: none;
}

.single-block img{
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.contact-outer{
    width: 100%;
    float: left;
    background: #333d47;
    padding: 90px 0;
}

.white-logo{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 75px;
}

.form-outer{
    width: 100%;
    max-width: 707px;
    float: none;
    margin: 0 auto;
    text-align: center;
}

.form-outer p{
    width: 100%;
    float: left;   
    color: #fff;
    font-family: 'Conv_ufonts.com_gillsans';  
    font-size: 18px;
    line-height: 25px;  
    line-height: 22px;
}

.form-outer p a{
    width: 100%;  
    float: left;
    color: #fff; 
    font-family: "Conv_GillSans-SemiBold";   
    font-size: 18px;
    line-height: 20px;
}

.form-outer p a:hover{
    color: #ee3123;
}

.single-text{
    width: 100%; 
    float: left;
    margin-bottom: 15px;
}

.half-text{
    width: 49.5%;
    float: left;
    margin-left: 1%;
}

.half-text:first-child{
    margin: 0;
}

.single-text label{
    width: 100%;
    float: left;
 	color: #ffffff;
    font-family: "Conv_ufonts.com_gillsans";
    font-size: 20px;
    line-height: 22px;
    padding-left: 14px;
    text-align: left;
    margin-bottom: 2px;
}

.form-top{
    width: 100%;
    float: left;
    margin-bottom: 53px;
}

.form-top h2{
    padding: 0;
}

.form-top h2:before{
    content: none;
}

.contact-from{
	width: 100%;
    float: left;
}

.btn-outer{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 37px;
}

.main-btn{
    width: auto;
    height: auto;
}

.main-btn:hover{
    background: #fff;
    color: #ee3123;
}

.btn-outer .main-btn{
    float: none;
    display: inline-block;
}

.social-outer{
    width: 68px;  
    position: fixed;
    right: 0;
    top: 188px;
    z-index: 9999;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(35, 31, 32, 0.21);
  	-moz-box-shadow: 0px 3px 15px 0px rgba(35, 31, 32, 0.21);
  	box-shadow: 0px 3px 15px 0px rgba(35, 31, 32, 0.21);
}

.social-outer ul{
    width: 100%;
    float: left;
    margin: 0;
}

.social-outer ul li{
    width: 100%;
    float: left;
    margin: 0;
    padding: 6px 10px;
    text-align: center;
    list-style: none;
}

.social-outer ul li i{
    font-size: 24px;   
    color: #ef3125;
    -webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

.social-outer ul li a:hover i{
    color: #333d47;
}

.social-outer ul li i.ico-icon9{
    font-size: 22px;
}

.social-outer ul li i.ico-icon10{
    font-size: 22px;
}

.social-outer ul li i.ico-icon11{
    font-size: 22px;
}

.social-outer ul li i.ico-icon13{
    font-size: 22px;
}

.social-outer ul li i.ico-icon12{
    font-size: 27px;
}

.outer-top{
    background: #fff;
    padding:17px 0 14px;
}

.outer-bottom{
    background: #333d47;
    padding:11px 0 8px;
}

.social-outer ul.outer-bottom li a i{
    color: #fff;
    -webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

.social-outer ul.outer-bottom li a:hover i{
    color: #ef3125;
}

.social-outer ul.outer-bottom li{
     padding: 7px 10px;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip{
    font-size: 0;
    display: none !important;
}

.wpcf7-form-control-wrap .wpcf7-not-valid{
    border: 1px solid #ff0000;
}

.wpcf7-response-output.wpcf7-validation-errors, div.wpcf7-mail-sent-ng{
	width: 100%;
	float: left;
    margin: 30px 0 0;
    border: 2px solid #ff0000;
    text-align: center;
    color: #ffffff;
    font-size: 23px;
    line-height: 32px;
}

div.wpcf7-mail-sent-ok{
    width: 100%;
    float: left;
    border: 2px solid #398f14;
    margin: 20px 0 0 !important;
    text-align: center;
    color: #ffffff;
}

.innerpage-container{
	width: 100%;
	float: left;
	padding: 75px 0;
}

.innerpage-inner{
	width: 100%;
	float: left;
}

.innerpage-inner .entry-header h1{
	padding: 0 0 10px;
    margin: 0 0 9px;
	position: relative;
}

.innerpage-inner .entry-header h1:before{
   position: absolute;
   left: 0;
   width: 78px;
   content: "";
   height: 1px;
   background: #333d47;
   bottom: 0;
}

.innerpage-inner .entry-content{
	margin: 35px 0 0;
}

.innerpage-inner .entry-content p{
	font-size: 22px;
    line-height: 28px;
}

.edit-link{
	display: none;
}
/*--- content ends ---*/