/* (c) Mediaweb Studio */ /* COMMON: CONTACTS ------------------------------------ */ .header .contacts-ico { padding: 3px 0 3px 47px; margin-bottom: 12px; -webkit-print-color-adjust: exact; } .header .contacts-ico:last-of-type { margin-bottom: 24px; } .header .map-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAMAAAA/gEgKAAABXFBMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD2+19ocMD0cMD0cMD0cMD0cMD0cMD0cMD2QqK4cMD0cMD0cMD0cMD0cMD16kZgcMD0cMD11i5NyiJDC3N6609ZnfYVjeoJheICmv8NedX1dc3ydtbpccnqVrbLL5ea71Nd6kZipwcWiu7/H4eO40dOPp6ywycylvsKkvMCguL2ft7u30NPO6OrM5ufL5ebJ4uSrw8fG3+G71Ne1z9HP6erN5+jM5eexys2/2Nq91tjR6+y50tXP6erO6OnF3+HE3d++19q91tjP6erM5efH4ePF3+HB2tzQ6uvO6OrO6OnM5efJ4+XH4OLF3+HQ6uvP6erL5ebH4ePR6+zQ6uvP6erO6OrN5+jM5ufK5OXN5+jR6+zQ6uvP6erS7O3R6+zR6+zS7O2fffoSAAAAc3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESEhMUFRYXGBkZGhscHR4fICEhIiMlJykqKiwtLS4wMjc+PkFES0xPVVZYWV5iY2RlZmducnJzdHV9f4GCgoOKi5CRkZSYmp6hoqOlp6qrsbK2usDBwsPExcjV4OLj7/DxvVMm0AAAAZBJREFUeNplUmdTwkAUvMulFwIRBTEI9oKK2DsWsIu9946Kisn/nzG5l4wR9su72523797OIQBuyF88V+2X+/VuwmBKAb1TtX1c9rC+hHOfdgA/yxzBlM/bNbjiXQXnwCaIgkAcf+pTg4yA8K53Ph/taM+WLLiUFUSgwZpqTyUTCbO/AsoQmoDDfNpsMsLhSGMv9OyjPVqf0oloSJZEWTO2KPGOHmhdMaOayBHCCsowJb7QK62zcV1k3bcTQQNvT5hpVHmGbsvKnnBCy7YhsxAQGaFEBRXAskvhMHTA0FuUgc4bTaCZMotwX0VSGU7XLRxhMLMGN6sPiZN+2lcbS8d+bocJxKtvdh2sgRhipbF6oWRGEcNrp7V8JR3XEWalNqtGmDMNBWGGVxf+8+etTSHBXUnUH4P892BzRGbdnTi50woaJWlwkOj0H3+UikHSYHbg8x9px4hzG8As8u6tljWjKk/8r0h4tQvGzDsvEoEHRQyNu8pmKq5LMADgrKkXbfsuRQcEBWdMuHiWbDYUb8AvaNfJB3DmOUQAAAAASUVORK5CYII=') 0 0 no-repeat; } .header .phone-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABPlBMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD2+19ocMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD2MpKkcMD0cMD0cMD0cMD0cMD3H4ePC3N5of4eqw8Zgdn9edX2guL1dc3xccnqVrbKMpKmIn6W+19qGnaOpwcWmv8PP6eqctbnH4ePA2ty609arxMi40dTO6OqvyMvL5easxcirw8fH4ePE3d/C3N691ti1z9G0zdC609bR6+zP6erO6OnM5ufL5ebF3+HC3N7A2ty91tjJ4+XI4uPF3+HR6+zQ6uvM5efJ4+XH4OLF3+HE3uDN5+jM5ufL5ebJ4+XR6+zL5ebK5OXR6+zP6erO6OrN5+jR6+zQ6uvP6erS7O3R6+zR6+zS7O3v26heAAAAaXRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESEhMUFRYXGBkaGhscHR4fIiMmKSssLC0uMDQ2Njc+P0FEREdKUV1iY2RlZmZoaW1yc4GBgoOEhYqMjpGWl5qgoaWnqqustLW2uMDHyNHS09Xh4uPv8PH/rfUEAAABL0lEQVR4AW2P51LCQBSF782GCGgwi6EQNUZR7AV7UVSU2LvYUYqR7Pu/gGElwDJ+f86Z883OzoUmKC0XbNveShMJEVrg2N0P++NrRya+QizwzVcLssQNDnwwgXouQDyDkrBz1hTiCbtRXVd4M6QAphutODpT7TQPYZDuvXSsETPPOpkCUveiZBqJOUHcwCrPwRidFUQFTniu0EiZCcApjwuq1rrEGY/vaOTgX8HONe1RFLlmyVL9ljHn6pNxXJjwj81G4/OXk5Y1zS99h1DNN5t6LJFMJlPbzCMPwfanr1lKNS365lXHBEWtsBbl6/31l0Y5MkAOL7msmyczDqRHPezeq5kUBZRD/Rvim2LG0PsApUCYjhfbs7NrGjE1CIBE6dUSi8clvj7vWcMpXQ3Kv/4mrCzQmN3MAAAAAElFTkSuQmCC') 0 0 no-repeat; } .header .mail-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABSlBMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD3H4eMcMD0cMD21z9EcMD0cMD0cMD0cMD2asrccMD0cMD0cMD0cMD0cMD0cMD0cMD16kZgcMD0cMD0cMD3C3N5rgYldc3xccnpacHmVrbLL5ebH4ePE3d+KoqfP6eqZsbaUrLGSqq+609apwcXM5eelvsK61Na30NPO6OqsxciowcTE3d/P6eq0zdDD3d+91tjP6eq40dPK5OXJ4uTH4ePF3+HE3d/C3N7B2tzA2tzO6OrN5+jL5ebI4uPF3+HC293B2tzO6OrM5efJ4+XO6OnM5ufK5OXH4ePR6+zQ6uvP6erO6OrM5ufM5efL5ebK5OXR6+zP6erO6OrN5+jR6+zR6+zQ6uvP6erS7O3R6+zR6+zS7O3W3/6VAAAAbXRSTlMAAQIDBAUGBwgJCgsMDQ4PEBEREhMTFBUWFxcYGRobHB4fHyAhIyMlLS4vMDIzNDVBRklKSlNTVVxeYmVoaHJzen+Cg4aHiIqLjI2OkpOVl5qdnqKlp7O1t7rAwcLDxcbHyNHS09Xg4eLj7/DxQcqS2gAAAUlJREFUeNptj1lbgkAUQO+ILIKIBikloqattpdlm+2Z7dpeZmZZmdz//5oMfPb50Xm5M+fMfRhwIGS6uNdlZZDxEehBBoqf6HI96+8lMu9ol3OOIYT6deynOUyXqPcWIGM/6OFC8IPvCf9hWYAZerA2R7OZdDqdmWrR+70EZ+hQSZmGYeQt9zoCTXu8VRHr45q6g/hQoWENkIbshoWdwg1iyTil5tgNqcTcB2K3RfUyNWUnNEw9ql7ie05VtRI1J26Iq4oSzmlqRFGO3NChYUiRxGAorMiSdEjDLtzZ41WXBY4PiAGe4w9oWIAtuqGHBJbleI5lndBOgPRtf7z+Unt2qH3ZYTsOgQJ6aSVjwMu3Hm8tGhHwi5G6x5tRGRguqF31+fZSUlcCQBhe1vLtP1+dMPWwyAL4/IKsxlcrDfvx4/5kKhFTRI75BSoKpVtv/soYAAAAAElFTkSuQmCC') 0 0 no-repeat; } .contacts-ico { padding: 0 0 2px 20px; margin-bottom: 10px; -webkit-print-color-adjust: exact; } /* ContactsPage-contacts */ .ContactsPage-layout .map-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAAtFBMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMJqUAAAAO3RSTlMAAQIDBAUGBwgJCwwODxAREhMUFRYXGRobIiQqNTY6Oz0/QEFCUld9foGFiaCjpKWnqKmrtd7f6uvz/jwREgEAAACoSURBVHjaLcrXDsIwAENRpyklHUmTsveGsqFs/P//BaLcB0tHMgARH0getfTEFwOWDX0PQpHFxMwvZFKBt2NhrHPuwr2CfHNqc+ZuzneEFmkdy+mgTc5czpWZkl2oBwuXGm3OfFoEC/I0ScdHcpkiiF4se2Up/LD/1yjTkNV488O2YWMIP9Q3kvd2XYcQXhD1Hnz2mzYKACFVsuK6VUuUBH7fayPToS8+N6EaH4hsiOIAAAAASUVORK5CYII=') 0 1px no-repeat; } .ContactsPage-layout .time-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAqFBMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD3G370rAAAAN3RSTlMAAQIDBAUGBwgJCgsMDQ8QERITFB0gJig1OUdLTE1OT1FTVFZZW4WGiI2PkJSvsLGys+Di5+3zzIhivwAAAI1JREFUeNoli1cSgkAUwB6IsiDL7rN3sWPFnvvfTGbMXyYTEQnC8snrEDXCoJYRf8ZRKMEcrtPe4gZFU0I4OKXbKSGRI5VTRVXvXOTD2qvHO13xFRj63AL5AOq2cTZN2m1b8JEzjzwzJkmzqv5SKDPTis0eVJIt3Iv+soKdSpxN+DNTJ5Gx7vzmffLe2R9XFBUAYEau6AAAAABJRU5ErkJggg==') 0 2px no-repeat; } .ContactsPage-layout .phone-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAnFBMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD2gSIDQAAAAM3RSTlMAAQIDBAUHCAkKCwwNDxAREhMUFRYXGBkbHyIpKixaYWJwdImNqrjR09zd4ePm5+3u8/QTstfgAAAAhElEQVR42kXL1xLCIABEUUgiYKQICfbee9v//zcDZPS+ndlZEqN0CeA6zZPmSMmoBdomQXvgdXgAn3M/bSfrh7vNyJvmF1TVtR94p0gGPK2zRiutpCAr4FhZVQrOOesQAPfalKzIm7JAbLUoKAlFrhXPSeoGvGf6xx5w8f+1a8beSdbyC8opEICHFFd+AAAAAElFTkSuQmCC') 0 2px no-repeat; } .ContactsPage-layout .fax-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAMAAADHVLbdAAAAk1BMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD1DjFDwAAAAMHRSTlMAAQIDBAUGCAkKCwwNDg8QERITFBUWFxkbJihQbrq8vb6/wtrc3t/g4eLj5O/z+v57hVVxAAAAmklEQVR4AUXMyVKFMBSE4XNFBQEznCQqzigyOMD//k9nKBb3q+pFL7pF5LRyWC8vTrkWlNXNjvKqkPqFs9d7eYNh+fle5mn8hF7gWWNKKefuCYRRQwxKIJK+EGZVb42xzvkwIQz6x+FXBwQesW3T3hpDB9IDnp0DPuThHYJzLu+h76QySmTniVHlurEkVZ/fiWqlKOuNw+ZN/Q/66RlKDa+fcgAAAABJRU5ErkJggg==') 0 2px no-repeat; } .ContactsPage-layout .mail-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAMAAACXmSduAAAAhFBMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD1UHKOSAAAAK3RSTlMJChMUGRscHR4iLEVQYmp0d3iGi46VrrC3wMHJz9HW2drk5ebq6/L3+Pn7BuP3rQAAAF1JREFUeAFVx1cOQiEARcH7BMXesSj2Inr2vz8hJgTnb/SmdlGzrDqTFk1rz8/K9OaCoRnlPQd2CgK2tr3Gd/tneCiSTDrOeZKrXmRhfKe8yI/UbuLPR7tjKA6nzRed4Bak5nMEKwAAAABJRU5ErkJggg==') 0 5px no-repeat; } /* footer-contacts */ .footer .map-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAA5FBMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0zSFOkvcEcMD0cMD0cMD20zdAcMD1qgIgcMD2VrbIcMD0cMD0cMD0mOkccMD0cMD0cMD0cMD0cMD0cMD0cMD2vyMscMD2pwsaNpKqGnqSNpKp1jJOlvsLM5ee/2duXsLSrxMimv8Oyy86qw8atxsmowcSpwcWrxMi+19q1ztHB2tzF3+HE3d+71NfG3+HB2tzQ6uvM5ufR6+zM5efQ6uvJ4+XM5efK5OXO6OnM5efM5ufQ6uvO6OrR6+zQ6uvR6+zR6+zS7O3S7O2xuPhpAAAAS3RSTlMAAQIDBAUGBwgICAkLDAwODg8PEBESEhMUFRYXGRoaGxsiJCo1NTY6Oz0/P0BAQUJCUld9fX6BhYmgo6Slpaeoqamrtd7f6uvr8/4SryPHAAAAs0lEQVR4ASXK507DMABF4es4hEBSinGMA2XvvcMetEChPe//PlTN9+NKR7qSzMIL8LZkEzOJA1qHaSIzD/1TfzWAxRklT/R9iDEOeM5lx5yHhiZeMi61ASHSzra24CI23Pkz2NHckM9Yeec/+FtWdg3vJ9XxK9xUysoRrVFdKS32aR3VTna28zCNx17oyKSF+wZ+NlddIZNk5e6Q3721UGaSsXn3lvv1lW5upen3q1e7IjX/pzYhZ7xu7FIAAAAASUVORK5CYII=') 0 0 no-repeat; width: 295px; } .footer .time-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAxlBMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD10i5Kqw8aGnaONpavL5ea/2NqzzM+609azzM/N5+i0zdDE3uC50tXA2tzE3uC1z9G61Na2z9K919m609bL5ebJ4uTP6erG3+HH4ePR6+zP6erJ4+XI4uPM5efH4OLL5ebO6OnN5+jN5+jO6OnP6erM5efO6OnM5efS7O3R6+zR6+zR6+zR6+zS7O0HB4aiAAAAQXRSTlMAAQIDBAUGBwgJCgsMDQ8QERITFB0gJig1OUdLTE1OT1FRUVNUVllbhYaGiIiIjY+QkJSUr7CxsbGysrPg4uft8+v2/IYAAACSSURBVHgBJclXcoQwEADRQcZGAglpnHPOeXOG7ftfaqni/XW1iGTmZ83mM98zWRfn9C5yI9kNjK+ObyfwuC8GPqJydPgFTn6ZRVVUdcFIWp6TJlLUJ7YCZ6kOQH0K3XuJoXRVFe5pZcCq9ta60k8ZSgnf3h4U9h1U3CssH07u5vCmUvhLetcaJbch/jc0fynFsANVThfJUcC3dAAAAABJRU5ErkJggg==') 0 1px no-repeat; width: 180px; } .footer .phone-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAolBMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD1wh44cMD0cMD0cMD0wRVAcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD1XbHaSqq/A2txyiZHG3+HJ4+XO6OnO6OrM5ue71Ne40dPC3N7A2tzR6+zM5ufO6OrP6erQ6uvO6OrR6+zR6+zR6+zR6+zR6+zR6+zR6+zR6+zS7O2Tdum2AAAANXRSTlMAAQIDBAUHCAkKCwwNDQ8QERITFBUWFxgZGx8iKSosLFphYnB0iY2quNHT3N3h4+bn7e7z9H0SnagAAACFSURBVHjaRcnpFoIgFEbRi5qQGRAozdk8z/W9/6sV4qrzb69DdYwtAFwmcVCFULfWHE1jrx3w3N+B96kX3tG4wXY9dJrYzKsoS9d3VlIEPIw1Wkklc0FL4FAYmQnOedoiALdSZ2kSf4s8sVEiYeSruZI8ptAVeE3Vjx3g7P63rUfO5mnDDyC3ETVHfvoBAAAAAElFTkSuQmCC') 0 1px no-repeat; } .footer .fax-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAMAAADHVLbdAAAAq1BMVEUcMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD3C290cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0cMD0lOkYcMD0cMD0lOUUcMD2fuLyVrbJyiZGGnaOAl56uxsrC293R6+zP6erR6+zN5+jM5ufP6erM5ufP6erQ6uvR6+zQ6uvQ6uvR6+zQ6uvR6+zR6+zR6+zR6+zR6+zR6+zR6+zS7O3S7O3S7O05CM21AAAAOHRSTlMAAQIDBAUGCAkKCwsMDQ4PEBESExQUFRYWFxkbJiYoUG66vL2+v7/C2tzc3t/f4ODh4uPk7/P6/jSBmqQAAACeSURBVHgBRctJUoRAFEXRj6gggtn8NNO+FxUbQavg7n9lBcGgTsQbvMEVkWxkNR4eZPPNKcqTBcVRLqeP7D1dyTN0w//f0P9+vUMr8KAxpTTv8h6Ebw0xKIFI+kToVb01xjrnww9Cp1tWG/1A4A7b1M2ZMdyCtIBn4YA3uX6B4Jybe3i9kdIokYUnRpXj2nKh6p0/J6qVvKgmVpM31Q6fjBz91bvw7QAAAABJRU5ErkJggg==') 0 1px no-repeat; } .footer .mail-ico { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAMAAACXmSduAAAAk1BMVEUwRVAcMD2JoadMYWscMD0cMD0cMD0cMD0cMD0cMD18lJpmfYWYsLW1ztG0zdC1ztG50tW91tjJ4uTJ4uTO6OnO6Oq/2dvB2tzL5ebI4uPJ4uTM5ufP6erO6OrM5efN5+jO6OnM5efO6OrO6OnO6OrR6+zQ6uvR6+zQ6uvR6+zR6+zR6+zS7O3S7O3S7O3S7O3S7O1gBloIAAAAMHRSTlMJCgoTFBkbHB0eIixFUGJqdHd4houOlZWusLfAwcnPz8/R1tna5OXl5urr8vf4+fsQCcA6AAAAY0lEQVR4AVXHVxKCMBhF4asmGnvvXekQuPtfHfwzwCTf0zko6QoxPDq7Aw6D0bO9i5rtQS7VSi5f6C0Jknc9vvI0nQdkBsvGZmLMWSJGQfFZpxSRfE/eep+AngqP3/vV+f5vNX5+GTks90lIAAAAAElFTkSuQmCC') 0 3px no-repeat; } /* print vers */ .print_contacts .map-ico { background: url('../img/icons/contacts-print/ico-map.png') no-repeat; } .print_contacts .time-ico { background: url('../img/icons/contacts-print/ico-time.png') no-repeat; } .print_contacts .phone-ico { background: url('../img/icons/contacts-print/ico-phone.png') no-repeat; } .print_contacts .fax-ico { background: url('../img/icons/contacts-print/ico-fax.png') no-repeat; } .print_contacts .mail-ico { background: url('../img/icons/contacts-print/ico-mail.png') no-repeat; } .ContactsPage-layout #map { height: 400px; margin-top: 20px; } /* COMMON: SOCIAL LINKS ------------------------------------ */ .s-links a { width: 40px; height: 40px; display: block; background-size: cover; float: left; margin: 0 5px 0 0; } .s-links a.vk { background: url('../img/icons/social/vk.svg'); background-size: cover; } .s-links a.vk:hover { background: url('../img/icons/social/vk-hover.svg'); background-size: cover; } .s-links a.facebook { background: url('../img/icons/social/facebook.svg'); background-size: cover; } .s-links a.facebook:hover { background: url('../img/icons/social/facebook-hover.svg'); background-size: cover; } .s-links a.google-plus { background: url('../img/icons/social/google.svg'); background-size: cover; } .s-links a.google-plus:hover { background: url('../img/icons/social/google-hover.svg'); background-size: cover; } .s-links a.twitter { background: url('../img/icons/social/twitter.svg'); background-size: cover; } .s-links a.twitter:hover { background: url('../img/icons/social/twitter-hover.svg'); background-size: cover; } .s-links a.instagramm { background: url('../img/icons/social/instagram.svg'); background-size: cover; } .s-links a.instagramm:hover { background: url('../img/icons/social/instagram-hover.svg'); background-size: cover; } /* COMMON: FILES ------------------------------------ */ .main-files { margin: 10px 0; font: 16px/1.25 Open Sans, sans-serif; } .main-files .item { min-height: 27px; margin-bottom: 10px; overflow: hidden; } .main-files .info { padding: 6px 0 0 32px; } .main-files .info span { color: #6D8393; } .main-files .item .ico { float: left; width: 27px; height: 32px; background-image: url("../img/icons/files.png"); background-repeat: no-repeat; } .main-files .ico-arc, .main-files .ico-zip, .main-files .ico-rar { background-position: 0 -33px; } .main-files .ico-mp3 { background-position: 0 -66px; } .main-files .ico-jpg , .main-files .ico-png { background-position: 0 -99px; } .main-files .ico-mkv { background-position: 0 -132px; } .main-files .ico-txt { background-position: 0 -165px; } .main-files .ico-doc, .main-files .ico-docx { background-position: 0 -199px; } .main-files .ico-pdf { background-position: 0 -233px; } .main-files .ico-pps { background-position: 0 -267px; } .main-files .ico-ppt { background-position: 0 -301px; } .main-files .ico-xls, .main-files .ico-xlsx { background-position: 0 -335px; } /* COMMON: FORM ------------------------------------ */ /* general */ .main-form form { width: 100%; padding: 10px 0; } .main-form .middleColumn li { margin-bottom: 10px; } .main-form fieldset .field { margin-bottom: 20px; width: 880px; overflow: hidden; float: left; } .Search .main-form fieldset div.field { width: 380px; float: left; margin-right: 20px; } .Search .main-form input.action { float: left; } .main-form fieldset div.optionset { margin-bottom: 0; } .main-form fieldset div.field.stealthfieldcaptcha { display: none; } .main-form fieldset div.field label.left { display: block; overflow: hidden; color: #6D8393; font-size: 20px; font-weight: 500; margin-bottom: 10px; } .main-form div.requiredField label.left:after { content: " *"; color: #F76666; } .main-form fieldset div.field .middleColumn { float: left; overflow: visible; } .main-form p#Agree .middlecolumn { float: left; width: 380px; } .main-form p#Agree .message.required { line-height: 20px; } .main-form div.field label.hasError { display: block; color: #F76767; width: 380px; font: 300 14px/32px Roboto, sans-serif; } .main-form p.checkbox.personal-data label.right { display: none; } .main-form p.checkbox { width: 380px; } .main-form p.checkbox label.hasError { color: #F76767; font-size: 14px; margin-left: 5px; } .main-form .message.required, .main-form .message.validation { color: #F76767; font: 300 14px/32px Roboto, sans-serif; margin-left: 20px; line-height: 32px; float: left; } .main-form .message.required a { color: #F76767; } /* fields */ .main-form .middleColumn input.text, .main-form .middleColumn textarea, .main-form .middleColumn select, .form-view input.text, .form-view textarea, .form-view select { box-sizing: border-box; padding: 6px 10px; text-align: left; font-weight: 300; resize: none; width: 380px; line-height: 20px; float: left; border: none; outline: transparent; } .main-form .middleColumn textarea { padding: 9px 10px; } .main-form .middleColumn select{ padding: 6px 18px; } .main-form .middleColumn.validationError input.text { border: none; } .main-form .middleColumn input.text:focus, .main-form .middleColumn textarea:focus, .main-form .middleColumn select:focus, .form-view input.text:focus, .form-view textarea:focus, .form-view select:focus { box-shadow: 2px 2px 2px rgba(0, 102, 179, 0.2); } .main-form .middleColumn input.text.hasError, .main-form .middleColumn textarea.hasError, .main-form .middleColumn select.hasError, .form-view input.text.hasError, .form-view textarea.hasError, .form-view select.hasError { box-shadow: 2px 2px 2px rgba(207, 103, 103, 0.2); } .main-form .middleColumn.validationError input.text, .main-form .middleColumn.validationError textarea, .main-form .middleColumn.validationError select { box-shadow: 2px 2px 2px rgba(207, 103, 103, 0.2); } /* groups */ .main-form .middleColumn ul { list-style-type: none; padding: 0; margin: 0; width: 380px; } .main-form .middleColumn ul label { vertical-align: top; } .main-form .middleColumn ul input { vertical-align: bottom; } /* action */ .main-form input.action, .form-view input.action, #wrapper a.button-link { background-color: #96C93D; outline: transparent; height: 32px; line-height: 32px; width: 180px; box-sizing: border-box; border: none; cursor: pointer; text-align: center; box-shadow: 2px 2px 2px rgba(28, 48, 61, 0.2); font: 500 16px Roboto, sans-serif; } #wrapper a.big-button.button-link { width: 280px; height: 48px; line-height: 48px; color: #1B2F3D; } .main-form input.action:hover, .form-view input.action:hover, #wrapper a.button-link:hover { background-color: #679436; color: #fff; text-decoration: none; } .main-form input.action:active, .form-view input.action:active, #wrapper a.button-link:active { background-color: #679436; color: #fff; box-shadow: inset 2px 2px 2px rgba(28, 48, 61, 0.2); } #wrapper .main-form div.Actions { padding: 15px 0 0; position: relative; text-align: left; } a.button-link { display: inline-block; text-decoration: none; } /* captcha */ .main-form .phpcaptcha img { float:left; margin:0 10px 0 0; border: 0 none; } .main-form .phpcaptcha input.text { position: relative; top: -5px; width: 172px; } #Form_Filters { margin-bottom: 20px; padding: 10px 0 20px; border-radius: 18px; background: #FCEECF; } #Form_Filters label.left { display: inline-block; font-size: 20px; font-weight: 700; margin-bottom: 8px; } #Form_Filters label.min { margin-right: 29px; } #Form_Filters label.min, #Form_Filters label.max { position: relative; } #Form_Filters_Price-min, #Form_Filters_Price-max { width: 78px; height: 42px; box-sizing: border-box; border: 1px solid #CCCCCC; outline: transparent; text-align: center; } #Form_Filters_Price-min:focus, #Form_Filters_Price-max:focus { border: 1px solid #76A417; } #Form_Filters_Price-min { margin-right: 0; position: relative; } #Form_Filters label.min:after { content: ""; position: absolute; width: 15px; height: 2px; background: #9B9484; margin-top: 20px; right: -24px; } #Form_Filters label.max:after { content: "руб."; position: absolute; line-height: 42px; right: -35px; } #Price, #Vendor { margin-left: 20px; margin-right: 20px; padding: 10px 0 5px; border-bottom: 1px dashed #CCCCCC; } #Vendor #Form_Filters_Vendor { list-style: none; margin-top: 0; padding: 0; } #Form_Filters .Actions { margin-top: 16px; } #Form_Filters_action_filter, #Form_Filters_action_filterclear { outline: transparent; height: 40px; line-height: 40px; width: 123px; border-radius: 20px; border: none; cursor: pointer; font-family: Open Sans, sans-serif; font-size: 17px; font-weight: 700; text-align: center; color: #fff; } #Form_Filters_action_filter { background: #339900; background: linear-gradient(to bottom, #339900 1%,#336600 100%); margin: 0 11px; } #Form_Filters_action_filter:hover { background: #99CC33; background: linear-gradient(to bottom, #99CC33 1%,#669900 100%); } #Form_Filters_action_filterclear { background: #9A8E71; } #Form_Filters_action_filterclear:hover { background: #999955; } /* CATALOG FILTERS ------------------------------------ */ .catalog-filters .slider-wrapper { width: 100%; height: 40px; margin: 7px 0 0; } /* COMMON: SLIDER ------------------------------------ */ .slider-wrapper { width: 100%; min-width: 1180px; background-color: #1C303D; } .bx-wrapper { width: 1180px; height: 443px; margin: 0 auto; position: relative; } .slider-wrapper a.sl, .slider-wrapper img { display: block; width: 1180px; height: 443px; margin: 0; padding: 0; } .bx-pager { position: absolute; height: 15px; bottom: -28px; left: 0; width: 100%; text-align: center; z-index: 10; } .bx-wrapper .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .slider { height: 443px; overflow: hidden; } .bx-pager-item { display: inline-block; margin: 0 3px; } .bx-pager-link { display: block; width: 12px; height: 0; padding-top: 12px; border-radius: 7px; overflow: hidden; background: #96C93D; } .bx-pager-link:hover { background: #679436; } .bx-pager-link.active { background: #1C303D; } .bx-controls-direction .bx-prev { position: absolute; top: 139px; width: 52px; height: 0; left: 15px; padding-top: 52px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAABUFBMVEVhYWH///9hYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFjY2NlZWVnZ2dqampubm5ycnJ0dHR1dXV5eXl8fHx9fX2BgYGFhYWGhoaIiIiLi4uMjIyNjY2Ojo6UlJSWlpaZmZmbm5ucnJydnZ2goKCjo6Ojo6OmpqapqamqqqqsrKyvr6+ysrK1tbW3t7e4uLi5ubm7u7u9vb3AwMDCwsLExMTExMTFxcXGxsbIyMjKysrKysrMzMzMzMzNzc3Q0NDT09PU1NTV1dXX19fZ2dnZ2dna2trc3Nzc3Nzc3Nze3t7e3t7f39/f39/g4ODh4eHh4eHh4eHi4uLk5OTk5OTk5OTWkDHaAAAAcHRSTlMAAAIDCwwODxAREhUWFx4fICorLC45Ojs8PT4/Q0RFSElKS0xNTk5PUFJTVFVWV1haXFxdXl9gYWNlZ2hoaWtsbW9xcnN1eHt8fX+Bg4WGiImKjI2PkZKTlJebnZ6hpKWmqKmrrK2tr7CxsrO0tre4cf7tvgAAAfhJREFUeAGt1udX01AYx/FLTWLRlmKopW0KEfkFi0NUHAruvYd1owgOCja0//8788QhSX43qTl83n9Pe56bOxRhjFVrTQSateqYoaJGAonCsqcRMX3AyohKdRD1UkpkNaDRsDTRHht6s3aBRYaDVE0jGY26yOAW41FpBplm9kejImlIVdwZmS6G4pr/ooKDITmFv9EEhmb/iaxZUN6NTqfz8np0vazfUQPc8rrv+6vP29hp8ldUBnd2YxD4ds5DRDmM6qBOrkmzdRkxkxJZoI5/lKZ3GwlWENlg5l9Js/2IDlCpKTq4JwPxAsTUiDLB3Aubtx4YU1VA3NyWZuUYqAr9Gpa70nxeBDehamSBwmFvXILGQdVC3MInaX5cg05LHUJM+3047LvQchXiLgzEd+gdTkZnvkjUvZgWJf7e3NJmEPXXTqf8vRZZpX64Skf1gyAjn7svUf+Npxs5XdwjT8MBPtMubgVE+3VYPfQ0n5HJd9OKVL1btDI1WwOn1qXaXOJbQ9mgznel+rrIN6EF7sqWVKsn6HZXdXB3fKk+LLCDRXuE4XFPqgeIKqcflvPvfN/vXU38EDmWCXYs8wFyds6rJselluP6zHFRl+JPgn3ZT4LR5OPDdDJmYOzSM0fsbf73g0qUs59uuR+JhDFerYVTcWrVcfYc/QmsT1lL13RiTQAAAABJRU5ErkJggg==') no-repeat; overflow: hidden; } .bx-controls-direction .bx-next { position: absolute; top: 139px; width: 52px; height: 0; right: 15px; padding-top: 52px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAABUFBMVEVhYWH///9hYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFjY2NlZWVnZ2dqampubm5ycnJ0dHR1dXV5eXl8fHx9fX2BgYGFhYWGhoaIiIiLi4uMjIyNjY2Ojo6UlJSWlpaZmZmbm5ucnJydnZ2goKCjo6Ojo6OmpqapqamqqqqsrKyvr6+ysrK1tbW3t7e4uLi5ubm7u7u9vb3AwMDCwsLExMTExMTFxcXGxsbIyMjKysrKysrMzMzMzMzNzc3Q0NDT09PU1NTV1dXX19fZ2dnZ2dna2trc3Nzc3Nzc3Nze3t7e3t7f39/f39/g4ODh4eHh4eHh4eHi4uLk5OTk5OTk5OTWkDHaAAAAcHRSTlMAAAIDCwwODxAREhUWFx4fICorLC45Ojs8PT4/Q0RFSElKS0xNTk5PUFJTVFVWV1haXFxdXl9gYWNlZ2hoaWtsbW9xcnN1eHt8fX+Bg4WGiImKjI2PkZKTlJebnZ6hpKWmqKmrrK2tr7CxsrO0tre4cf7tvgAAAfdJREFUeAGtludf01AUhi81iUVbwFArNC0VeYPFISoOxb330LpRBAfDhvb//2ZOHJLe9zS1+nx/fsnvPeMeQ3BGSuUKYirl0ohj0gzFWIbnTyHF1B4vQypMgDBR6CF5k1CY9BRphw+dGT/HJCdATyqOLQ3XkUE93y0VppHJ9O60lCcOsfLbJbeOvqi7f6RcgD4Jcr+lcfSN/0vyZrCdq8+bzea1UKmX91NK90Hj6XIURasXwNn3QyoiRXj6Sydm7RQ4xUSyevTiplgrx5RPieTB4mZLrPdHQPFiyYfNgy2xXswpARpTA+FZR3hEI6wNGReM8HVi3QHDNaOgHF4Saes6CKNqNyx8FGudlWvclKFwfi0JnpRrr6lC48o3sT7Mo5uq2Q+V20nwbxvWgBj04GtHOIsuDvSSzq2L8+mkLem/d2KlHTsbi7P276lBHEoq1SaVqqqRh6/aIt2dZZFrxX2SRPf4IC0ub6PwfuK8bPA2cqlzoyXOEp8ol4/G4oY4q8fBqPEhXPicNOsZUHw67keXxdm8BI7HFsv8O3GiW9oOYysM98RpPYRCkS1LXG5FUfRmTvsQWcsEupZpgBr+4E/NwI/aYM9nnw91ofsk2JV9Egzbx4ebkUbg/KczR9hZ+euDSijqp9s/H4kEZ6xUTlIJyqUxdo5+B6hvWUtSxF9sAAAAAElFTkSuQmCC') no-repeat; overflow: hidden; } /* COMMON: POPUP FORM ------------------------------------ */ .popup-content.main-form fieldset div.field{ width: 460px; } .popup-content.main-form fieldset div.field .middleColumn { width: 280px; } .popup-content.main-form div.field label.hasError { float: none; width: auto; } .popup-bg { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; text-align: center; background: rgba(170, 170, 170, 0.4); z-index: 5000; } .popup-bg:before { content:''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .popup-content, .popup-thanks { display: inline-block; vertical-align: middle; } .popup-thanks { display: none; } .popup-content, .popup-thanks { position: relative; background: #F3F3F3; border: 1px solid #424242; border-radius: 5px; text-align: left; padding: 18px 30px; } .popup-content { width: 480px; } .popup-content .close { position: absolute; right: 12px; top: 10px; color: #999; cursor: pointer; } .popup-content .close:hover { color: #000; } .popup-content h2.title { margin: 0 0 15px; } .popup-content .Actions { text-align: right; padding-top: 10px; } /* COMMON: GRID ------------------------------------ */ .grid { margin-right: -16px; } .grid > .photo.element { display: inline-block !important; vertical-align: top !important; margin: 0 12px 16px 0 !important; width: 208px !important; } .grid .photo .image { display: block; background-color: #fff; width: 208px !important; height: 138px !important; line-height: 0; } .grid .image > img { display: block; } .grid p { display: block !important; /*text-align: center !important; padding: 13px 0 !important;*/ margin: 0 !important; } .grid p.title { margin-top: 5px !important; font-weight: bold !important; text-align: center; overflow: hidden; } .grid form p.message { display: none !important; } /* PhotoGalleryPage page */ .PhotoGalleryPage .grid p { font-size: 17px; padding: 0 !important; } /* PhotoAlbumPage */ .photo .image { position: relative; } .photo .image:before { content: ""; width: 208px; height: 138px; position: absolute; top: 0; right: 0; left: 0; z-index: 100; background: #004980; background: linear-gradient(150deg, #004980 0%, #0066b3 25%, #679436 75%, #96c93d 100%); opacity: 0; transition: opacity .5s; } .photo .image:hover:before { opacity: 0.8; } .photo .image:after { content: ""; width: 24px; height: 24px; position: absolute; top: 7px; right: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABblBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////W2EQOAAAAeXRSTlMAAQIDBAUGCAoLEBQWFx0eJykqKywtLzAyNDY3ODk8PT5AQUdISUtMVFVfYGVrbG90d3h5enx9foGCg4WJjY6Pk5SXnZ+gpaerrK6vsLKztbu9vr/AwcbIyszU1tjZ2tvf4OHi4+jp6uvs7e7v8PP09fb3+Pr7/P3+zkcMRwAAASxJREFUeAFdy9lfYQEchvHXwZgZs5hlmH0x7UtalJRUJC1F+0IR0mJROZL3v6/zO/I5fG+eqwc6k8u3mSwWEusTn2H0bbnEpuvwF7SM5GmQHYTO7K+zTW3UBI2nwQ41eb5fUjROjnNsyn0CrGsUcbcNb4bOqFtS8KNKTUTB/wEnHKcU5Y8IUJN69XaLrMyiq04xjh3pNMLSbvMRxQay0l5TRrqAKEUCVWmfkpYGsEJRgCpdhE/Lret1iqKIc+mFQ5kr3aT70UNdEvsUh+9g/2AFXoYoYghSlxlzvndH/LCE7vlkCr9rfKaSnAEOSFacsMXZZtK+SzJqAf6WaNRIVsn8VwDwstPDMDQv5tnBb4aweMs0uPKg5V/sjk2V1V8wsP4J7uVUNbMd+KlAPAL5mLmR8N7SeAAAAABJRU5ErkJggg==') no-repeat center; opacity: 0; transition: opacity .5s; z-index: 200; } .photo .image:hover:after { opacity: 1; } .photo .image:hover .caption { opacity: 1; } .photo .caption { position: absolute; bottom: 9px; left: 9px; font-size: 14px; color: #fff; opacity: 0; transition: opacity .5s; z-index: 200; } .photo .caption p { text-align: left; line-height: 1.38; max-height: 90px; overflow: hidden; } /* CART ------------------------------------ */ .CartPage .center-col .delete { margin-top: 12px; padding: 0 7px 0 15px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAALVBMVEX/////AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAB3TJLLAAAADnRSTlMAFRgbtLe9xszP0tXY25+1L4QAAABESURBVHjaLcpbDgAhCEPRIuqoPPa/3GlQfjhJL8YU8GQOnDxC8UEjrTXLUEA9zdKp8hO4snmKoEuubOhFVb/R182+/gOIdwJ/xgVt5QAAAABJRU5ErkJggg==") left center no-repeat; color: #393939; } .CartPage #carttab { margin-bottom: 22px; } .cart { float: left; height: 42px; line-height: 42px; padding-left: 22px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAA3lBMVEX///8PjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAPjQAjAgcuAAAASXRSTlMABAYHDBESGRofICImKCs6QEFERUlRUlRVWGNlam1ufH2AgYKIi5ecoqWpqrCzucDBw8THzM7R0tXX2tvc3eLm6+zt7vj7/P3+Y7BgtAAAAKZJREFUeNpVy9cOgkAURdGLoKJiGyv2MtiwIWNBBXu5//9DAg4a1stJdnJA7tEKhDQQn1I4JTV07B+LuKmEDmO3HbNPjB2w5RYFNQA9A9UuQB2LbhHuFqXWkE5XlBqogGtzJmRZI/0RIeYj4pXxWwpe2yN4Ovg390sZ1zo3yfsljQblsuATrhiYwVcsFRB5Ec193Fv10uZFfmHO2wEugCuo/kSbCYAPPGEcVXoCxTIAAAAASUVORK5CYII=") left center no-repeat; } .cart span { display: inline-block; } .cart .title { margin-right: 9px; } .cart.noitems { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAQAAABaOFzUAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA2LzAyLzE3UHu+MwAAAPxJREFUKM910D9LglEUx/EzRC4uteViNEjQO2gquA2NRoF7tAT1Cgqq6YIvoKUpkC86BU1thYHLJSiIByoXh5ayWdD6Nfj459FHvtOBD5xzr5HjHM+ubFbGIUL0yM4kMpYpI1o0U4pwJpNRRLQIBH54JdDkk0DgHXHcJwVEWSajxpqMPc5kMg4Q230yR4cIjyfiCs8Nj3g8dUQhPolnvnA4HtjHccE1DkeDLvMDUuGP7NSiFz5kA3KKUrsbkR3EE7WJqmyOyCqijp9oPf66+E3tlDW3Y0TGIitTZZIkQ4M3loZziW9OkiTHL2JjOF8i7hNExhalsWmBI/Iy2T+FPD0ZlD74GgAAAABJRU5ErkJggg==") left center no-repeat; } .cart .info { float: left; } .cart .empty { display: inline-block; padding: 0 11px; background: #CCC; color: #fff; line-height: 24px; border-radius: 4px; } .cart .num { display: inline-block; padding: 0 11px; background: #009900; color: #fff; line-height: 24px; border-radius: 4px; margin-right: 9px; } .cart .price-rouble { font-size: 15px; } #carttab tr th:nth-of-type(2) { padding-left: 16px; width: 230px; text-align: left; } #carttab tr td:first-of-type { width: 100px; padding: 17px 0; text-align: left; } #carttab tr th:last-of-type { width: 80px; padding: 17px 0; } #carttab tr td:last-of-type { width: 80px; padding: 17px 0; } #carttab tr td:nth-of-type(2) { text-align: left; width: 230px; font-size: 17px; font-weight: 700; padding-left: 0; } #carttab .total { font-size: 18px; } .grandtotal .right.total { font-size: 18px; } .CheckoutPage-layout table { margin: 20px 0; border-spacing: 0; border-collapse: collapse; text-align: center; } .CheckoutPage-layout .main-form div.Actions { margin-top: 30px; } .CheckoutPage-layout th, .CheckoutPage-layout thead td { background-color: #FCEECF; text-align: center; border: none; padding: 10px; font-weight: bold; } .CheckoutPage-layout td, .CheckoutPage-layout td { border-bottom: 1px solid #CCCCCC; padding: 10px 12px; vertical-align: top; font-size: 16px; background-color: #fff; } #orderItems caption, #shippingDetails caption { caption-side: top; font-size: 12px; font-style: italic; padding-bottom: 7px; text-align: center; } #shippingDetails td { border-bottom: none; text-align: left; } #shippingDetails td.name { font-weight: 700; font-size: 15px; width: 120px; } #shippingDetails td { padding-left: 0; padding-top: 8px; padding-bottom: 8px; } .CheckoutPage-layout .product .left.title { font-size: 18px; font-weight: 700; padding-left: 0; text-align: left; } #Form_OrderForm_hdrSummary { display: none; } .CheckoutPage-layout h2:last-of-type { padding-top: 10px; border-top: 1px dashed #D7CCB3; } .CheckoutPage-layout .product.last td, .CheckoutPage-layout .summary td { border-bottom: none; } .CheckoutPage-layout .summary td { background: #FCEECF; } .CheckoutPage-layout td.left.summarytitle { text-align: right; padding-right: 30px } .CheckoutPage-layout .summary.grandtotal { font-weight: 700; } .CheckoutPage-layout #orderItems .product td { padding-top: 19px; padding-bottom: 19px; } .CheckoutPage-layout hr { border: none; border-top: 1px dashed #D7CCB3; } .comeback { display: block; font-size: 16px; margin-top: 36px; } /* CART POPUP ------------------------------------ */ .cart-popup-message { display: none; position: fixed; background: #fff; border: 1px solid #bbb; top: 25%; left: 50%; margin-left: -300px; width: 600px; border-radius: 5px; box-sizing: border-box; padding: 20px 10px; z-index: 9000; } .cart-popup-message .title { text-align: center; margin-bottom: 25px; margin-top: 20px; } .cart-popup-message > .close { position: absolute; top: 10px; right: 16px; cursor: pointer; } .cart-popup-message .button-wrap { float: left; width: 50%; text-align: center; } #cart-popup-message .button-wrap .button-link { width: 225px; } /* CATALOG ------------------------------------ */ .Catalog .views { display: block; text-align: right; } .Catalog .text { display: inline-block; font-size: 14px; line-height: 28px; margin-right: 10px; vertical-align: top; } .Catalog .views .view { display: inline-block; height: 28px; width: 28px; background-color: #efefef; background-position: center center; background-repeat: no-repeat; border-radius: 4px; vertical-align: top; } .Catalog .views .view.active { background-color: #00923f; } .Catalog .views .view-tile { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAKUlEQVQYV2OUlxL/z4AEHj57yQjiooszDqBCZPfhY4MdTgwYSM8QG44ArLsqgyOmklUAAAAASUVORK5CYII='); } .Catalog .views .view-tile.active { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJklEQVQY02P8////fwYkwMjIyMjAwMCALs7EQCSgvkLqA8Yh4GsADc8QB9aJo9MAAAAASUVORK5CYII='); } .Catalog .views .view-list { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHUlEQVQY02NkYGD4zwABjFAaxkcBTAwDBhhHpBsBgtcGB4G99NIAAAAASUVORK5CYII='); } .Catalog .views .view-list.active { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALUlEQVQYV2P8////fwYGBgZGRkZGEA3jg9jIgJFoheg6cfHB1hEDiLd6OLkRAEiZL/N88b9JAAAAAElFTkSuQmCC'); } /* tile */ .products.view-tile { margin-right: -16px; } .products.view-tile .item { float: left; box-sizing: border-box; border: 1px solid #e2e2e2; width: 206px; height: 360px; margin-right: 16px; position: relative; } .products.view-tile .image-cont { margin: 12px auto 10px; width: 180px; height: 180px; } .products.view-tile .desc-cont { height: 32px; width: 180px; margin: 0 auto; overflow: hidden; font-size: 14px; line-height: 16px; margin-bottom: 10px; } .products.view-tile .desc { display: none; } .products.view-tile .price-cont { position: absolute; bottom: 30px; width: 180px; /* margin: 0 auto; */ left: 12px; } .products.view-tile .order-button { margin-top: 10px; position: relative; } .products .price-cont .available { line-height: 30px; color: #00852F; font-size: 12px; text-transform: uppercase; } .products .price-cont .for-order { line-height: 30px; color: #939393; font-size: 12px; text-transform: uppercase; } /* list */ .products.view-list { border-top: 1px dashed #D7CCB3; } .products.view-list .item { border-bottom: 1px dashed #D7CCB3; padding: 15px 0; } .products.view-list .image-cont, .products.view-list .desc-cont { float: left !important; } .products.view-list .image-cont { width: 180px !important; height: 180px !important; box-sizing: border-box; border: 1px solid #E3DAC4; margin-right: 20px; } .products.view-list .desc-cont { max-width: 484px; } .products.view-list .title { font-size: 18px; font-weight: 700; } .products.view-list .desc { display: block; margin-top: 18px; font-size: 15px; } .products.view-list .price-cont { float: right !important; width: 160px; text-align: center; } .products.view-list .old { display: block; margin-bottom: 2px; } .products.view-list .price { margin-bottom: 14px; } /* common */ .Catalog .products { margin: 30px 0 20px; } .Catalog .grid { margin-bottom: 23px; } .Catalog .options { font-size: 14px; } .Catalog .options span { color: #CBCBCB; } .Catalog .options .current { display: inline-block; background: #FCEECF; padding: 0 10px; height: 35px; border-radius: 18px; line-height: 35px; text-decoration: none; text-align: center; color: #333333; } .products .image-cont a, .products .image-cont img { display: block; } .products .title { font-weight: 700; } .products .price .old { display: block; color: #999999; font-size: 16px; text-decoration: line-through; } .products .price { color: #333333; font-size: 18px; } .products .price-cont .AddProductAction { height: 40px; line-height: 40px; width: 115px; } .Catalog .AddProductNum { box-sizing: border-box; height: 28px; width: 30px; text-align: center; vertical-align: top; float: left; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } .quantity { width: 74px; } .quantity form { width: 74px; } .quantity__field { width: 30px; height: 28px; float: left; text-align: center; box-sizing: border-box; border: 1px solid #AAAAAA; } .minus { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAMAAABS8b9vAAAAYFBMVEX///9KSkqfn5+goKCqqqrPz8/R0dHS0tLU1NTW1tbY2Nja2trb29vd3d3i4uLk5OTo6Ojq6urr6+vs7Ozt7e3v7+/w8PDx8fHy8vLz8/P09PT19fX29vb6+vr7+/v8/PwBs0amAAAAAXRSTlMAQObYZgAAAGxJREFUKM+1kkkKgEAMBCtjQBxc8P+P9CyC8aJ4mB5QwZxC0xRZ2nBEmccwlbIz9muhtolxK83hRKAgKDmhB8GShCh2VNhV+SNkAeYbci3fA2cfeh3+HfDFvevfMXvstibRlYHI5vuQhV2H7QAW5ie5K3sZ2wAAAABJRU5ErkJggg==') no-repeat center center; width: 22px; height: 28px; cursor: pointer; display: block; float: left; text-indent: -100px; overflow: hidden; } .Product .minus { margin-top: 6px; } .Catalog .minus { display: none; } .plus { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAMAAABS8b9vAAAAYFBMVEX///9KSkqfn5+goKCqqqrPz8/R0dHS0tLU1NTW1tbY2Nja2trb29vd3d3i4uLk5OTo6Ojq6urr6+vs7Ozt7e3v7+/w8PDx8fHy8vLz8/P09PT19fX29vb6+vr7+/v8/PwBs0amAAAAAXRSTlMAQObYZgAAAIFJREFUeAGt0kmuAjEMhGH7PTPPNEMPneT+t6QCsjelLJD4VqVfUVYWAyJS2PnfpPQkXUxyzwryk2XkB0MujfyLv/PdaSzkdHMaKyF3TmPVfH3TDyxAng9OY83tvHcaq+YdQ562bELesJrXbDQZV6zmJRtMhu9eL0h3RGanP2sc2wvqSSU3BXiFfwAAAABJRU5ErkJggg==') no-repeat center center; width: 22px; height: 28px; cursor: pointer; display: block; float: left; margin-right: 10px; text-indent: -100px; overflow: hidden; } .Product .plus { margin-top: 6px; } .CartPage .plus { margin-right: 0; } .Catalog .plus { display: none; } /* rubtics */ .rub-grid .title { font-size: 17px !important; font-weight: 700 !important; } /* PRODUCT PAGE ------------------------------------ */ .product-wrapper .photos-box { width: 280px !important; float: left !important; } .product-wrapper .photos-box a, .product-wrapper .photos-box > img { display: block; margin: 0; padding: 0; } .product-wrapper .photos { margin: 0 -20px 0 0; } .product-wrapper .photos a { float: left !important; margin: 10px 20px 0 0; } .product-wrapper .photos img { display: block; } .product-wrapper .description { margin-left: 20px !important; width: 580px; float: left; } .product-wrapper .price-cont { background-color: #FCEECF; display: inline-block; padding: 9px 9px 9px 16px; margin-bottom: 20px; position: relative; } .product-wrapper .price-cont .price { float: left; font-size: 18px; margin-right: 30px; line-height: 40px; } .product-wrapper .price-cont .old { text-decoration: line-through; color: #999999; font-size: 16px; } .product-wrapper .order-button { float: left; } .product-wrapper .price-cont .AddProductNum { box-sizing: border-box; height: 28px; width: 30px; text-align: center; float: left; margin-top: 6px; border-color: #999999; } .product-wrapper .price-cont .AddProductAction { height: 40px; width: 115px; line-height: 28px; vertical-align: top; } .product-wrapper .price-cont .available { position: absolute; left: 100%; padding-left: 12px; width: 120px; bottom: 0; line-height: 58px; color: #009933; font-size: 13px; text-transform: uppercase; } .product-wrapper .price-cont .for-order { position: absolute; left: 100%; padding-left: 12px; width: 120px; bottom: 0; line-height: 58px; color: #939393; font-size: 13px; text-transform: uppercase; } .product-wrapper .price-cont .unavailable { line-height: 40px; } /* NEWS, ANNOUNCEMENT & PUBL HOLDERS ------------------------------------ */ .NewsHolder-layout .item img, .NewsEntry-layout img, .PublHolder-layout img { float: left; margin: 0 20px 20px 0; } .NewsHolder-layout .date, .AnnouncementHolder-layout .date { display: block; margin: 0 0 5px; color: #6D8393; } .NewsHolder-layout .item .title, .PublHolder-layout .item .title { text-decoration: none; } .NewsHolder-layout .item:nth-last-of-type(n+2), .AnnouncementHolder-layout .item:nth-last-of-type(n+2), .PublHolder-layout .item:nth-last-of-type(n+2) { margin: 0 0 15px; border-bottom: 1px dashed #6D8494; } .NewsHolder-layout .item:last-of-type, .AnnouncementHolder-layout .item:last-of-type, .PublHolder-layout .item:last-of-type { margin-bottom: 45px; } .NewsEntry-layout .date, .Announcement-layout .date { font: 300 20px Roboto, sans-serif; color: #6D8393; } .PublHolder-layout .date { font: 300 16px Roboto, sans-serif; color: #6D8393; display: block; margin: 0 0 5px; } .PublHolder-layout .text { overflow: hidden; } .Publication-layout .article-data { display: block; color: #6D8393; margin: 0 0 5px 600px; } .Publication-layout h1 { margin: 0 0 30px 0; } .Publication-layout h5 { font-weight: 300; margin: 30px 0 0 0; } .Publication-layout .parent-link { margin: 40px 0 0 0; } /* GUESTBOOK ------------------------------------ */ .Guestbook .user-reviews { list-style-type: none; padding: 0 20px; } .Guestbook .user-reviews .review { margin-bottom: 25px; } .Guestbook .user-reviews .date { font-size: 11px; margin: 0; } .Guestbook .user-reviews .title { font-size: 14px; font-weight: bold; } .Guestbook .user-reviews .button-link { margin-right: 15px; } /* FAQ & Publications ------------------------------------- */ .FaqHolder .center-col ul, .FaqSection .center-col ul { padding-left: 45px; } .FaqHolder .center-col li, .FaqSection .center-col li, .PublHolder .center-col li { list-style: none; display: block; margin-bottom: 20px; } .FaqHolder a:hover, .FaqSection a:hover { text-decoration: none; } .FaqHolder .center-col li:before, .FaqSection .center-col li:before { content: "•"; margin-right: 10px; margin-left: -16px; } a.question { cursor: pointer; border-bottom: 1px dashed; } p.answer { margin: 15px 0 15px; display: none; } .FaqHolder .main-form .middleColumn select, .FaqSection .main-form .middleColumn select { width: 380px; } /* Search ------------------------------------- */ .Search .main-content { margin-left: 38px; } .Search .typography h4 { margin: 0; font-size: 16px; font-weight: 700; } .Search .main-content .title { margin-bottom: 5px; } .Search .main-content .title a:hover { text-decoration: none; } .Search .main-content .title:before { content: "•"; margin-right: 6px; margin-left: -12px; } /* ContentSubMenu */ .content-submenu li { list-style: none; position: relative; font: 400 15px Open Sans, sans-serif; } .content-submenu a:before { content: ">"; position: absolute; top: 0; left: -18px; color: #1B2F3D; } /* COMMENT MODULE ================================================*/ #PageCommentInterface_Form_PostCommentForm { background-color: #d2eced; padding: 30px 67px; } #PageComments_holder h4 { font-size: 40px; margin-top: 30px; padding-top: 20px; border-top: 1px dashed #6d8494; } #PageComments_holder h4:first-child { background-color: #d2eced; margin: 0px; padding: 30px 67px 0 67px; color: #6d8494; font-family: Roboto; font-size: 32px; font-weight: 500; border: none; } #CommentHolder #PageComments { padding-left: 0em; list-style-type: none; } #CommentHolder #PageComments > li { padding-left: 1em; position: relative; border-top: 1px dashed #6d8494; padding-top: 20px; margin-top: 27px; } #CommentHolder #PageComments > li.first { border: none; } #CommentHolder #PageComments > li:before { content: '\2022'; position: absolute; left: 0px; top: 23px; } #CommentHolder .info { color: #6d8494; } #CommentHolder .info .info_line { font-weight: 600; margin: 0 5px; } #CommentHolder .actionLinks { padding: 0px; margin: 0px; margin-left: -1em; list-style: none; } #CommentHolder .actionLinks li { display: inline-block; margin-right: 20px; /*overflow: hidden;*/ } #CommentHolder .actionLinks li a { color: #1c303d; font-size: 16px; font-weight: 500; display: block; box-sizing: border-box; line-height: 32px; height: 32px; width: 180px; box-shadow: 1px 2px 4px rgba(28, 48, 61, 0.15); background-color: #96c93d; text-align: center; } #CommentHolder .actionLinks li a:hover { background-color: #679436; color: #fff; text-decoration: none; box-shadow: none; } #CommentHolder .actionLinks li a:active { background-color: #679436; color: #fff; box-shadow: inset 2px 2px 2px rgba(28, 48, 61, 0.2); } #CommentHolder .actionLinks li a.deletelink { background-color: #ffffff; } #CommentHolder .actionLinks li a.deletelink:hover { color: #000; } #PageCommentsPagination { margin-right: 5px; } /* COMMENT BLOCK ==============================*/ #PageComments_holder .main-form p.checkbox { width: inherit; } #PageComments_holder .main-form p.checkbox .middleColumn { width: 380px; float: left; } #PageComments_holder .main-form p.checkbox .message.required { width: 380px; float: left; line-height: 1.5; }