@font-face{font-family:'Raleway';font-style:normal;font-weight:100;src:local('Raleway Thin'), local('Raleway-Thin'), url(../fonts/rr0ijB5_2nAJsAoZ6vECXRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:200;src:local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(../fonts/cbAbzEjxTdN5KKmS-gA0tSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:200;src:local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(../fonts/8KhZd3VQBtXTAznvKjw-k_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:300;src:local('Raleway Light'), local('Raleway-Light'), url(../fonts/ZKwULyCG95tk6mOqHQfRBCEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:300;src:local('Raleway Light'), local('Raleway-Light'), url(../fonts/-_Ctzj9b56b8RgXW8FArifk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400;src:local('Raleway'), local('Raleway-Regular'), url(../fonts/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400;src:local('Raleway'), local('Raleway-Regular'), url(../fonts/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:500;src:local('Raleway Medium'), local('Raleway-Medium'), url(../fonts/Li18TEFObx_yGdzKDoI_ciEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:500;src:local('Raleway Medium'), local('Raleway-Medium'), url(../fonts/CcKI4k9un7TZVWzRVT-T8_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:600;src:local('Raleway SemiBold'), local('Raleway-SemiBold'), url(../fonts/STBOO2waD2LpX45SXYjQBSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:600;src:local('Raleway SemiBold'), local('Raleway-SemiBold'), url(../fonts/xkvoNo9fC8O2RDydKj12b_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:700;src:local('Raleway Bold'), local('Raleway-Bold'), url(../fonts/WmVKXVcOuffP_qmCpFuyzSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:700;src:local('Raleway Bold'), local('Raleway-Bold'), url(../fonts/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:800;src:local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(../fonts/QoPu455RxV2raYSIFXAMBSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:800;src:local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(../fonts/1ImRNPx4870-D9a1EBUdPPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:900;src:local('Raleway Black'), local('Raleway-Black'), url(../fonts/Ji5epXNcpHu3r63lhS0cTiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Raleway';font-style:normal;font-weight:900;src:local('Raleway Black'), local('Raleway-Black'), url(../fonts/PKCRbVvRfd5n7BTjtGiFZPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
/*Reset*/
*,a,li{margin:0;padding:0;border:0;outline:0;box-sizing:border-box}
textarea{font-family:'Raleway';}
::selection{background-color:#f5f5f5;}
::-moz-selection{background-color:#f5f5f5;}
::-webkit-selection{background-color:#f5f5f5;}
a{text-decoration:none;}
ul{width:100%;padding:0}
li{list-style:none;}
body{font-family:'Raleway'}
/*Loader*/
.loaderWraper{    position: fixed;    left: 0;    top: 0;    width: 100%;    height: 100%;    background: #423d3d;    z-index: 99999;}
.loading {    position: absolute;    left: 50%;    top: 50%;    margin: -35px 0 0 -56px;    width: 112px;    height: 70px;    *zoom: 1;}
.loading:before,.loading:after {    display: table;    content: "";}
.loading:after {    clear: both;}
.loading .finger {    float: left;    margin: 0 2px 0 0;    width: 20px;    height: 100%;}
.loading .finger-1 {    -webkit-animation: finger-1-animation 2s infinite ease-out;    animation: finger-1-animation 2s infinite ease-out;}
.loading .finger-1 span {    -webkit-animation: finger-1-animation-span 2s infinite ease-out;    animation: finger-1-animation-span 2s infinite ease-out;}
.loading .finger-1 i {    -webkit-animation: finger-1-animation-i 2s infinite ease-out;    animation: finger-1-animation-i 2s infinite ease-out;}
.loading .finger-2 {    -webkit-animation: finger-2-animation 2s infinite ease-out;    animation: finger-2-animation 2s infinite ease-out;}
.loading .finger-2 span {    -webkit-animation: finger-2-animation-span 2s infinite ease-out;    animation: finger-2-animation-span 2s infinite ease-out;}
.loading .finger-2 i {    -webkit-animation: finger-2-animation-i 2s infinite ease-out;    animation: finger-2-animation-i 2s infinite ease-out;}
.loading .finger-3 {   -webkit-animation: finger-3-animation 2s infinite ease-out;    animation: finger-3-animation 2s infinite ease-out;}
.loading .finger-3 span {   -webkit-animation: finger-3-animation-span 2s infinite ease-out;    animation: finger-3-animation-span 2s infinite ease-out;}
.loading .finger-3 i {    -webkit-animation: finger-3-animation-i 2s infinite ease-out;    animation: finger-3-animation-i 2s infinite ease-out;}
.loading .finger-4 {    -webkit-animation: finger-4-animation 2s infinite ease-out;    animation: finger-4-animation 2s infinite ease-out;}
.loading .finger-4 span {    -webkit-animation: finger-4-animation-span 2s infinite ease-out;    animation: finger-4-animation-span 2s infinite ease-out;}
.loading .finger-4 i {    -webkit-animation: finger-4-animation-i 2s infinite ease-out;    animation: finger-4-animation-i 2s infinite ease-out;}
.loading .finger-item {    position: relative;    width: 100%;    height: 100%;    -webkit-border-radius: 6px 6px 8px 8px;    -webkit-background-clip: padding-box;    -moz-border-radius: 6px 6px 8px 8px;    -moz-background-clip: padding;    border-radius: 6px 6px 8px 8px;    background-clip: padding-box;    background: #fff;}
.loading .finger-item span {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: auto;    padding: 5px 5px 0 5px;}
.loading .finger-item span:before,.loading .finger-item span:after {    content: '';    position: relative;    display: block;    margin: 0 0 2px 0;    width: 100%;    height: 2px;    background: #423d3d;}
.loading .finger-item i {    position: absolute;    left: 3px;    bottom: 3px;    width: 14px;    height: 14px;    -webkit-border-radius: 10px 10px 7px 7px;    -webkit-background-clip: padding-box;    -moz-border-radius: 10px 10px 7px 7px;    -moz-background-clip: padding;    border-radius: 10px 10px 7px 7px;    background-clip: padding-box;    background: #423d3d;}
.loading .last-finger {    position: relative;    float: left;    width: 24px;    height: 100%;    overflow: hidden;}
.loading .last-finger-item {    position: absolute;    right: 0;    top: 32px;    width: 110%;    height: 20px;   -webkit-border-radius: 0 5px 14px 0;    -webkit-background-clip: padding-box;    -moz-border-radius: 0 5px 14px 0;    -moz-background-clip: padding;    border-radius: 0 5px 14px 0;    background-clip: padding-box;    background: #fff;    -webkit-animation: finger-5-animation 2s infinite linear;    animation: finger-5-animation 2s infinite linear;}
.loading .last-finger-item i {    position: absolute;    left: 0;    top: -8px;    width: 22px;    height: 8px;    background: #B0E4E5;    overflow: hidden;}
.loading .last-finger-item i:after {    content: '';    position: absolute;    left: 0;    bottom: 0;    width: 34px;    height: 20px;    -webkit-border-radius: 0 0 15px 15px;    -webkit-background-clip: padding-box;    -moz-border-radius: 0 0 15px 15px;    -moz-background-clip: padding;    border-radius: 0 0 15px 15px;    background-clip: padding-box;    background: #423d3d;}
@-webkit-keyframes finger-1-animation {
    0% {        padding: 12px 0 5px 0;    }
    20% {        padding: 12px 0 5px 0;    }
    29% {        padding: 4px 0 24px 0;    }
    35% {        padding: 4px 0 24px 0;    }
    41% {        padding: 12px 0 5px 0;    }
    100% {        padding: 12px 0 5px 0;    }
}
@keyframes finger-1-animation {
    0% {        padding: 12px 0 5px 0;    }
    20% {        padding: 12px 0 5px 0;    }
    29% {        padding: 4px 0 24px 0;    }
    35% {        padding: 4px 0 24px 0;    }
    41% {        padding: 12px 0 5px 0;    }
    100% {        padding: 12px 0 5px 0;    }
}
@-webkit-keyframes finger-1-animation-span {
    0% {        top: 0;    }
    20% {       top: 0;    }
    29% {        top: -7px;    }
    35% {        top: -7px;    }   
	41% {        top: 0;    }
    100% {        top: 0;    }
}
@keyframes finger-1-animation-span {
    0% {        top: 0;    }
    20% {        top: 0;    }
    29% {        top: -7px;    }
    35% {        top: -7px;    }
    41% {        top: 0;    }
    100% {        top: 0;    }
}
@-webkit-keyframes finger-1-animation-i {
    0% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    20% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    29% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    35% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    41% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    100% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
}
@keyframes finger-1-animation-i {
    0% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;      background-clip: padding-box;    }
    20% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    29% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    35% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    41% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    100% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
}
@-webkit-keyframes finger-2-animation {
    0% {        padding: 6px 0 2px 0;    }
    24% {        padding: 6px 0 2px 0;    }
    33% {        padding: 2px 0 16px 0;    }
    39% {        padding: 2px 0 16px 0;    }
    45% {        padding: 6px 0 2px 0;    }
    100% {        padding: 6px 0 2px 0;    }
}
@keyframes finger-2-animation {
    0% {        padding: 6px 0 2px 0;    }
    24% {        padding: 6px 0 2px 0;    }
    33% {        padding: 2px 0 16px 0;    }
    39% {        padding: 2px 0 16px 0;    }
    45% {        padding: 6px 0 2px 0;    }
    100% {        padding: 6px 0 2px 0;    }
}
@-webkit-keyframes finger-2-animation-span {
    0% {        top: 0;    }
    24% {        top: 0;    }
    33% {        top: -7px;    }
    39% {        top: -7px;    }
    45% {        top: 0;    }
    100% {        top: 0;    }
}
@keyframes finger-2-animation-span {
    0% {        top: 0;    }
    24% {        top: 0;    }
    33% {        top: -7px;    }
    39% {        top: -7px;    }
    45% {        top: 0;    }
    100% {        top: 0;    }
}
@-webkit-keyframes finger-2-animation-i {
    0% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    24% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    33% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    39% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    45% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    100% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
}
@keyframes finger-2-animation-i {
    0% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    24% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    33% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    39% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    45% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    100% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
}
@-webkit-keyframes finger-3-animation {
    0% {        padding: 0 0 0 0;    }
    28% {        padding: 0 0 0 0;    }
    37% {        padding: 0 0 12px 0;    }
    43% {        padding: 0 0 12px 0;    }
    49% {        padding: 0 0 0 0;    }
    100% {        padding: 0 0 0 0;    }
}
@keyframes finger-3-animation {
    0% {        padding: 0 0 0 0;    }
    28% {        padding: 0 0 0 0;    }
    37% {        padding: 0 0 12px 0;    }
    43% {        padding: 0 0 12px 0;    }
    49% {        padding: 0 0 0 0;    }
    100% {        padding: 0 0 0 0;    }
}
@-webkit-keyframes finger-3-animation-span {
    0% {        top: 0;    }
    28% {        top: 0;    }
    37% {        top: -7px;    }
    43% {        top: -7px;    }
    49% {        top: 0;    }
    100% {        top: 0;    }
}
@keyframes finger-3-animation-span {
    0% {        top: 0;    }
    28% {        top: 0;    }
    37% {        top: -7px;    }
    43% {        top: -7px;    }
    49% {        top: 0;    }
    100% {        top: 0;    }
}
@-webkit-keyframes finger-3-animation-i {
    0% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    28% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    37% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    43% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    49% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    100% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
}
@keyframes finger-3-animation-i {
    0% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    28% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }   
	 37% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    43% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    49% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    100% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
}
@-webkit-keyframes finger-4-animation {
    0% {        padding: 8px 0 3px 0;    }
    32% {        padding: 8px 0 3px 0;    }
    41% {        padding: 4px 0 20px 0;    }
    47% {        padding: 4px 0 20px 0;    }
    53% {        padding: 8px 0 3px 0;    }
    100% {        padding: 8px 0 3px 0;    }
}
@keyframes finger-4-animation {
    0% {        padding: 8px 0 3px 0;    }
    32% {        padding: 8px 0 3px 0;    }
    41% {        padding: 4px 0 20px 0;    }
    47% {        padding: 4px 0 20px 0;    }
    53% {        padding: 8px 0 3px 0;    }
    100% {        padding: 8px 0 3px 0;    }
}
@-webkit-keyframes finger-4-animation-span {
    0% {        top: 0;    }
    32% {        top: 0;    }
    41% {        top: -7px;    }
    47% {        top: -7px;    }
    53% {        top: 0;    }
    100% {        top: 0;    }
}
@keyframes finger-4-animation-span {
    0% {        top: 0;    }
    32% {        top: 0;    }
    41% {        top: -7px;    }
    47% {        top: -7px;    }
    53% {        top: 0;    }
    100% {        top: 0;    }
}
@-webkit-keyframes finger-4-animation-i {
    0% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    32% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    41% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;       background-clip: padding-box;    }
    47% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    53% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    100% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
}
@keyframes finger-4-animation-i {
    0% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    32% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    41% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    47% {        bottom: 8px;        height: 12px;        -webkit-border-radius: 7px 7px 4px 4px;        -webkit-background-clip: padding-box;        -moz-border-radius: 7px 7px 4px 4px;        -moz-background-clip: padding;        border-radius: 7px 7px 4px 4px;        background-clip: padding-box;    }
    53% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
    100% {        bottom: 3px;        height: 14px;        -webkit-border-radius: 10px 10px 7px 7px;        -webkit-background-clip: padding-box;        -moz-border-radius: 10px 10px 7px 7px;        -moz-background-clip: padding;        border-radius: 10px 10px 7px 7px;        background-clip: padding-box;    }
}
@-webkit-keyframes finger-5-animation {
    0% {        top: 32px;        right: 0;        -webkit-border-radius: 0 5px 14px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 5px 14px 0;        -moz-background-clip: padding;        border-radius: 0 5px 14px 0;        background-clip: padding-box;        -webkit-transform: rotate(0deg);        -ms-transform: rotate(0deg);        transform: rotate(0deg);    }
    34% {        top: 32px;        right: 0;        -webkit-border-radius: 0 5px 14px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 5px 14px 0;        -moz-background-clip: padding;        border-radius: 0 5px 14px 0;        background-clip: padding-box;        -webkit-transform: rotate(0deg);        -ms-transform: rotate(0deg);        transform: rotate(0deg);    }
    43% {        top: 20px;        right: 2px;        -webkit-border-radius: 0 8px 20px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 8px 20px 0;        -moz-background-clip: padding;        border-radius: 0 8px 20px 0;        background-clip: padding-box;        -webkit-transform: rotate(-12deg);        -ms-transform: rotate(-12deg);        transform: rotate(-12deg);    }
    50% {        top: 20px;        right: 2px;        -webkit-border-radius: 0 8px 20px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 8px 20px 0;        -moz-background-clip: padding;        border-radius: 0 8px 20px 0;        background-clip: padding-box;        -webkit-transform: rotate(-12deg);        -ms-transform: rotate(-12deg);        transform: rotate(-12deg);    }
    60% {        top: 32px;        right: 0;        -webkit-border-radius: 0 5px 14px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 5px 14px 0;        -moz-background-clip: padding;        border-radius: 0 5px 14px 0;        background-clip: padding-box;        -webkit-transform: rotate(0deg);        -ms-transform: rotate(0deg);        transform: rotate(0deg);    }
    100% {        top: 32px;        right: 0;        -webkit-border-radius: 0 5px 14px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 5px 14px 0;        -moz-background-clip: padding;        border-radius: 0 5px 14px 0;        background-clip: padding-box;        -webkit-transform: rotate(0deg);        -ms-transform: rotate(0deg);        transform: rotate(0deg);    }
}
@keyframes finger-5-animation {
    0% {        top: 32px;        right: 0;        -webkit-border-radius: 0 5px 14px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 5px 14px 0;        -moz-background-clip: padding;        border-radius: 0 5px 14px 0;        background-clip: padding-box;        -webkit-transform: rotate(0deg);        -ms-transform: rotate(0deg);        transform: rotate(0deg);    }
    34% {        top: 32px;        right: 0;        -webkit-border-radius: 0 5px 14px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 5px 14px 0;        -moz-background-clip: padding;        border-radius: 0 5px 14px 0;        background-clip: padding-box;        -webkit-transform: rotate(0deg);        -ms-transform: rotate(0deg);        transform: rotate(0deg);    }
    43% {        top: 20px;        right: 2px;        -webkit-border-radius: 0 8px 20px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 8px 20px 0;        -moz-background-clip: padding;        border-radius: 0 8px 20px 0;        background-clip: padding-box;        -webkit-transform: rotate(-12deg);        -ms-transform: rotate(-12deg);        transform: rotate(-12deg);    }
    50% {        top: 20px;        right: 2px;        -webkit-border-radius: 0 8px 20px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 8px 20px 0;        -moz-background-clip: padding;        border-radius: 0 8px 20px 0;        background-clip: padding-box;        -webkit-transform: rotate(-12deg);        -ms-transform: rotate(-12deg);        transform: rotate(-12deg);    }
    60% {        top: 32px;        right: 0;        -webkit-border-radius: 0 5px 14px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 5px 14px 0;        -moz-background-clip: padding;        border-radius: 0 5px 14px 0;        background-clip: padding-box;        -webkit-transform: rotate(0deg);        -ms-transform: rotate(0deg);        transform: rotate(0deg);    }
    100% {        top: 32px;        right: 0;        -webkit-border-radius: 0 5px 14px 0;        -webkit-background-clip: padding-box;        -moz-border-radius: 0 5px 14px 0;        -moz-background-clip: padding;        border-radius: 0 5px 14px 0;        background-clip: padding-box;        -webkit-transform: rotate(0deg);        -ms-transform: rotate(0deg);        transform: rotate(0deg);    }
}

/*Theme Coding*/
.wrapper{width:100%;margin:0 auto;display:block;}
.layout{width:1170px;margin:0 auto;}
.pagetop{padding:15px 0 5px}
.pagetop .logo{width:250px;display:inline-block;padding: 10px 0 20px;cursor: pointer}
.jlogo{font-size: 45px ; display: inline-block;line-height: 45px !important; overflow:hidden; }
.jname{font-size: 25px; font-weight: bold; line-height: 45px; padding-left: 10px; overflow: hidden;display: inline-block;color:#000}
.socialicon{float:right;display:inline-block;margin-top:20px}
.socialicon li{display:inline-block}
.socialicon li a{color:#666;font-size:18px;line-height:49px;text-align:center;display:block;border:1px solid #ccc;width:30px;height:30px;border-radius:5px;box-shadow:0 0 10px #ccc;}
.socialicon li a i{line-height:29px;}
.socialicon li:last-child a{margin-right:0}
div.menu{border-bottom:1px solid #ccc;border-top:1px solid #ccc;background-color:#fff}
.menufix{position:fixed;top:0; left:0; z-index: 10; width: 100%}
.menu{width:100%; display:inline-block;}
.main_menu {float:left;width:80%;}
.menu li{display:inline-block;}
.menu li:first-child a{}
.menu li:last-child a{}
.career_blg {
    float: right;
    width: 20%;
    text-align: right;
}
.menu li a{color:#666;font-weight:bold;padding:15px 22px;text-transform:uppercase;display:block;transition:all 0.5s;position:relative;}
.menu li a:hover,.menu li a.active{background-color:#F8D24D}
.slideranimation{position:relative;overflow:hidden}
#slider img{opacity:0;position:absolute;top:0;left:0 transition:all 1s;display:block}
.ourservices{width:100%;overflow:hidden;position:relative;margin-top:-80px}
.ourservices ul li{float:left;width:23%;margin:1%;text-align:center}
.ourservices ul li p{font-weight:normal;color:#666666;padding:0 0 50px;font-size:15px;line-height:25px;}
.ourservices ul li h4{margin:25px 0}
.ourservices ul li .round i{border-radius:100%;padding:15px;height:90px;width:90px;text-align:center;color:#fff;line-height:60px;font-size:37px;transition:all 0.5s}
.ourservices ul li .round{border-radius:100%;padding:15px;border:7px solid;width:134px;margin:0 auto;}
.ourservices ul li:hover i{transform:rotateY(180deg)}
.ourservices ul li div.odd{background-color:#224687;border-color:#2abfd4}
.ourservices ul li div.even{background-color:#377bab;border-color:#ffc000}
.ourservices ul li div.odd i{background-color:#2abfd4}
.ourservices ul li div.even i{background-color:#ffc000}
.tutorial{background-image:url(../img/bg.png);padding:50px 0;background-attachment:fixed;background-size:100%}
.tutorial ul li{width:22.7%;margin:1%;text-align:center;padding:10px 0;display:inline-block}
.tutorial ul li div.tround{border-radius:100%;padding:15px;border:5px solid;width:118px;margin:0 auto;box-shadow:5px 5px 15px #BBB8AE;}
.tutorial ul li div.tround i{border-radius:100%;padding:10px 13px;color:#fff;width:79px;height:80px;display:block;}
.tutorial ul li div.tround i span,.aboutleft div.round i span{background-image:url(../img/language.png);background-repeat:no-repeat;display:block;height:51px;width:44px;transition:all 0.5s;}
.tutorial ul li div.tround i span.html,.aboutleft div.round i span.html{background-position:0 0;}
.tutorial ul li div.tround i span.css,.aboutleft div.round i span.css{background-position:-45px 0;}
.tutorial ul li div.tround i span.js,.aboutleft div.round i span.js{background-position:-90px 0;}
.tutorial ul li div.tround i span.php,.aboutleft div.round i span.php{background-position:-135px 0;}
.tutorial ul li div.odd i{border:5px solid #6b6c1c;background-color:#fff;}
.tutorial ul li div.even i{border:5px solid #2abfd4;background-color:#fff;}
.tutorial ul li div.odd{background-color:#b3b63b;border-color:#fff;}
.tutorial ul li div.even{background-color:#c93e54;border-color:#b4e0e1;}
.tutorial ul li h3{position:relative;color:#666666;z-index:1;padding:17px 0;font-size:14px;margin:15px 0 50px}
.tutorial ul li h3::after{content:"";border-width:25px;border-style:solid;border-color:#fff transparent #fff transparent;top:0;left:0;right:0;bottom:0;position:absolute;z-index:-1}
.tutorial ul li a{color:#666;padding:10px;text-align:center;display:inline-block;border:2px solid #666;font-weight:bold;transition:all 0.5s;}
.tutorial ul li:hover a{background-color:#666;color:#fff;border-color:#fff;}
.tutorial ul li:hover span{transform:scale(1.1)}
.tutorial h2,.homeportfolio h2{text-align:center;margin-bottom:30px;padding-bottom:35px;border-bottom:1px solid #E2DFDF;text-transform:uppercase;font-weight:900;position:relative}
.tutorial h2::after,.homeportfolio h2::after{position:absolute;content:"";width:50px;padding:3px;bottom:0;left:47%;background-color:#ffc000}
.homeportfolio h2{font-weight: 700;text-transform: capitalize}
.footer{background-color:#666666;padding:50px 0;overflow:hidden}
.footer .footdiv{float:left;width:22.7%;padding:10px 0;margin:0 1%;color:#fff;}
.footer .footdiv h5{font-size:16px;text-transform:uppercase;padding:10px 0;margin-bottom:15px;border-bottom:1px solid #7B7B7B;}
.footer .footdiv li{padding:5px 5px 5px 15px;position:relative;transition:all 0.5s}
.footer .footdiv li:hover{padding-left:25px}
.footer .footdiv li a{color:#fff;font-size:13px;display:block}
.footer .footdiv li a i{margin-right:5px}
.footer .footdiv span{padding:5px 10px;border:1px solid #fff;margin-right:5px;display:inline-block;font-size:13px;margin-bottom:10px}
.footer .footdiv span:hover{background-color:#fff;color:#666;border-color:#000}
.footer .footdiv li::after{position:absolute;content:"";top:10px;left:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent #F5AF59}
.pagebottom{padding:30px 0;background-color:#3B3B3B;text-align:center}
.pagebottom p{color:#fff;font-size:14px}
.toplink{position:fixed;bottom:10px;right:10px;z-index:999999999999999;display:inline-block;text-align:center;height:40px;width:40px;background-image:url(../img/toplink.jpg);opacity:0;transition:all 0.5s;border-radius:50% 50% 0 0;}
.whowe{padding:50px 0;background-color:#2abfd4}
.whowe h3{text-align:center;padding-bottom:25px;margin-bottom:35px;color:#fff;border-bottom:1px solid #E2DFDF;position:relative}
.whowe h3::after,.aboutcontent h2::after,.abouttutorial h2::after,.ourservice h2::after,.port h2::after,.contact h2::after{position:absolute;content:"";width:50px;padding:3px;bottom:0;left:47%;background-color:#ffc000;}
.whowe p{text-align:center;font-size:14px;line-height:25px;color:#fff;}
.whowe a,.portfoliomore{color:#FFF;padding:10px;text-align:center;display:block;border:2px solid #FFF;font-weight:bold;margin:40px auto 0;width:100px; transition:all 0.5ss}
.whowe a:hover,.portfoliomore:hover{ background-color:#333; color:#fff;}
.portfoliomore{color:#333;border-color: #333; width:110px}
.about{padding:30px;background-image:url(../img/yellow.png);color:#fff;}
.about h3{padding:10px 0;margin-bottom:10px;}
.about a{color:#fff;font-weight:bold;margin-right:5px;}
.aboutcontent,.abouttutorial,.ourservice,.port,.contact{padding:30px 0;overflow:hidden}
.aboutcontent h2,.abouttutorial h2,.ourservice h2,.port h2,.contact h2{text-align:center;padding:0 0 20px 0;color:#666;position:relative;margin-bottom:30px}
.aboutleft,.aboutright,.contactleft,.contactright{width:50%;float:left;padding:20px 20px 20px 0}
.aboutleft h5{line-height:25px;font-size:17px;margin-bottom:20px}
.aboutleft p{font-size:14px;line-height:25px;text-align:justify;margin-bottom:15px}
.abouttutorial{background-color:#f6f6f6}
.aboutleft div.round{border-radius:100%;background-color:#377bab;border:10px solid #ffc000;padding:20px;margin:0 auto;width:160px;height:160px}
.aboutleft div.round i{border-radius:100%;background-color:#ffc000;width:102px;height:100px;line-height:100px;text-align:center; padding:24px 29px; display:block}
.aboutleft ul li{float:left;width:50%;}
.aboutleft ul li h4{text-align:center;color:#666;margin:15px 0;font-weight:bold}
.aboutright h4{line-height:25px;margin-bottom:15px}
.aboutright li{margin-bottom:10px}
.aboutright li h5{font-weight:normal;text-align:justify;color:#666;font-size:15px;margin-bottom:5px}
.aboutright li h5 i{margin-right:5px}
.aboutright li p{text-align:justify;font-size:14px;color:#666;line-height:25px}
.servicepart{width:48%; float:left; padding:10px; background-color:#f6f6f6; margin:1%}
.servicepart h4{    border-left: 4px solid #4B4646;    padding: 5px 10px;    color: #fff;    background-color: #DD3157; position:relative; margin-bottom:15px}
.servicepart h4::after{     position: absolute;    content: "";    top: 2px;    right: 5px;    padding: 10px;    border-radius: 100%;    background-color: #F6F6F6;    border: 2px solid #4B4646;}
.servicepart li{    position: relative;    padding-left: 25px;    line-height: 30px;    font-size: 14px;    margin: 9px 0;}
.servicepart li::after{    position: absolute;    content: "";    border-radius: 100% 100% 100% 0;    background-color: #8F8989;    padding: 7px;    top: 8px;    left: 0;    transform: rotate(-135deg);}
.servicepart .serviceleft,.servicepart .serviceright{width:49%; display:inline-block; overflow:hidden; vertical-align: top}
.port li{width:23%; margin:2% 1%; float:left; height:250px; padding:5px;  overflow:hidden; background-color:#BDBBBB; position:relative}
.port li::after{ position:absolute; content:""; top:0; left:0; bottom:0; right:0; background:linear-gradient(transparent 60%, #fff 100%); -moz-background:linear-gradient(transparent 60%, #fff%);-webkit- background:linear-gradient(transparent 60%, #fff 100%)}
.port li img{position:relative; top:0; transition:all 0.5s;}
.port li:hover img{top:-20px}
.port li div.imglink{ position:absolute; bottom:-200px; z-index:5; text-align:center; left:0; right:0; transition:all 0.5s;}
.port li:hover div.imglink{bottom:25px}
.port li div.imglink a{    display: inline-block;    padding: 10px 8px 5px;    font-size: 15px;    color: #292828;    background-color: #F8D24D;    margin: 0 20px;    border-radius: 100% 100% 0 0;    border: 1px solid #BBB4B4; transition:all 0.5s;}
.port li div.imglink a:hover{ background-color: #292828;    color: #F8D24D;}
.popup{position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999999999; background:rgba(0,0,0,0.8); padding:20px; display:none}
.popup a.closecamera{ position:absolute; top:10px; right:10px;color:#fff;}
.popup img{    border-radius: 5px;    padding: 15px;    background: #000;    box-shadow: 0 0 10px #fff; max-width:100%}
.contactleft h3,.contactright h3{font-weight:normal; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #292828; position:relative}
.contactleft h3::after,.contactright h3:after{ position:absolute; top:0; right:0; content:"";  padding:10px; border-radius:100% 100% 100% 0; background-color:#DD3157; transform:rotate(-45deg); }
.field{width:100%; display:inline-block; position:relative; margin-bottom:10px}
.field input[type="text"]{width:100%; padding:5px 5px 5px 50px; border:1px dashed #000; line-height:30px}
.field i{position:absolute; top:0; left:0; padding:6px; text-align:center; width:40px; line-height:30px; background-color:#000; color:#fff; }
.contactleft textarea{width:100%; padding:15px ; border:1px dashed #000; line-height:30px; resize:none; height:150px; margin-bottom:10px}
.contactleft input[type="submit"]{float:right; padding:10px; color:#fff;background-color:#DD3157; }
.contactright li i{ margin-right:5px; color:#333; width:30px; text-align:center }
.contactright li{ line-height:30px;}
.menubar{padding:10px; background-color:#666; color:#fff}
.menubar i{ float:right}
.menubar{display:none}
.loaderimg{    border-radius: 100%;    margin: 5px; display:none;}
.success{ background-color:#9FB76E !important}
.hide{display: none}
.cboth{clear:both}

.career_blg_pge{width:50%; margin:0 auto;}
.career_blg_pge ul li{float:left; padding:10px;}
.wid_50{
    width:50%;
}
.wid_100{
    width:100%;
    display:inline-block;
}
.input_box {
    background: #e0e3e4;
    padding: 13px 15px;
    width: 100%;
    border: none;
    border-radius: 4px;
}
.text_cont_error {
    color: #666;
}
.form_select{
    height:39px
}
.sub_btn{
    cursor:pointer;
    background:#666666;
    color:#fff;
    text-transform:uppercase;
}
.sub_btn:hover{
    background:#F8D24D;
    color:#333;
}
.formvalidateSuccess{
    background: green;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
}
.formvalidateFail{
    background:red;
    color:#fff;
    padding: 10px;
    border-radius: 3px;
}


@media  screen and (max-width : 1024px)  {

    .layout{width:100%; padding:10px}
}
@media  screen and (max-width : 980px )  {
.menu li a{padding:15px 10px}
.tutorial ul li{width:22%;}
    
}
@media  screen and (max-width : 800px)  {

  .ourservices{margin-top:10px}
  .ourservices ul li{width:48%}
  .footer .footdiv{width:47.7%}
  .tutorial ul li{width:47%;}
  .aboutleft, .aboutright, .contactleft, .contactright{width:100%}
  .servicepart{width:98%}
  .port li{width:48%}
  .career_blg_pge{width:95%;}
}
@media  screen and (max-width : 768px)  {
    
}
@media  screen and (max-width : 640px)  {
	.menu li{display:block; text-align:center; float:none !important; background-color:#ECE9E9}
    ul.menu{display:none}
	.menubar{display:block}
	.main_menu{width:100%;}
	.career_blg{width:100%;}
}
@media  screen and (max-width : 480px)  {

.ourservices ul li {    width: 98%;} 
.tutorial ul li {    width: 98%;}  
.footer .footdiv {    width: 97.7%;} 
.aboutleft ul li {     width: 100%;}
.servicepart .serviceleft, .servicepart .serviceright{width:99%}
.port li{width:98%;}
.socialicon{ width:100%; text-align:center; float:none}
.pagetop .logo{width:100%; text-align: center;}
.pagetop .logo img{width:100%; height:45px}
.pagetop{border:5px solid #666}
div.menu{background-color:#666;border-top: 0px}
.career_blg_pge{width:100%;}
.wid_50{width:100%;}

}
@media  screen and (max-width : 360px)  {
    
}